Question
Comment utiliser l’option Code source() de la barre d’outils de l’éditeur d’article du Centre d’aide pour formater le texte de mon article ?
Réponse
Utilisez la barre d’outils de l’éditeur d’articles du centre d’aide pour formater vos articles. La fonctionnalité Code source permet d’appliquer des marqueurs HTML pour enrichir le formatage de votre texte.
Vous trouverez ci-dessous une liste des marqueurs HTML utilisables dans vos articles.
| Blockquotes | <blockquote>block quote text here</blockquote> |
| Texte pré-formaté | <pre>pre-formatted text here</pre> |
| Titres |
<h1>header text here</h1> (h1 le plus grand, h6 le plus petit) |
| Exposant | <sup>superscript text here</sup> |
| Indice | <sub>subscript text here</sub> |
| Barré | <strike>strikethrough text</strike> |
| Indentation |
<p style="padding-left: 30px;">Indented text here</p> (modifiez le nombre de pixels (par ex. 35 pixels) pour modifier le retrait) |
| Code intégré | <code>snippet here</code> |
| Surbrillance | <mark>highlighted text here</mark> |
La capture d’écran ci-dessous montre comment le code HTML ci-dessus rend le texte du centre d’aide.
Il ne s’agit pas d’une liste complète de tous les éléments HTML que vous pouvez ajouter aux articles. Cependant, il s’agit des cas d’utilisation les plus courants. Si vos marqueurs et attributs HTML ne s’affichent pas correctement, vous devrez peut-être modifier vos paramètres.
Pour en savoir plus, consultez l’article : Modification du code source des articles du centre d’aide.
22 commentaire
Zsa Trias
Hello Jennifer,
It looks like there are two different types of double-quotes used in your code, which is why it's not working properly.
One is the straight, plain text quotes, and the other is curvy "Smart quotes" which causes the coding to break.
Can you please try re-formatting your code and use only the plain text quotes (" ") instead?
0
Jennifer P
Hey Sierra/Everyone,
Hoping someone can help me.
I tried adding the link on the home_page.hbs file like so:
<p class="hero-text">Call <a class="hero-link" href=“tel:123-456-7890”>123-456-7890</a> for Support</p>
Clicking on the link takes me to zendesk 404 error page.
Did you take any additional steps to get it to work? I've also gone to settings --> Guide Settings --> Security and checked the box for Display Unsafe Content which was suggested in another help article.
0
Sierra Collins
It only works in the edit code. I tested it in the edit code of the home page and it works.
0
Ifra Saqlain
Hi Sierra Collins,
Do the following:-
i). Open source code of an article.
ii). Write your phone number with anchor tag like this.
iii). Click OK button.
iv). Save your article which you have been edit for this.
v). Now, your number would be dial by a click.
Thanks
Team
0
Sierra Collins
Hello, how do I edit source code for a phone number within an article? So the phone number can be dialed by clicking the linked number.
0
Ifra Saqlain
Hey ,
Just do the following:
i). Copy paste the code to your script.js file. You will need to add your URLs as mentioned below.
jQuery($ => {
$('.article-list-item.article-promoted > a').attr('href', (i, h) => h.replace('ORININAL HREF VALUE', 'ANOTHER WEBSITE LINK'));
});
Screenshot for the same:
Ex.
ii). jquery CDN to document_head.hbs file.
Thanks
0
Lisa Sedlak
I have a question. How can I make it so when someone clicks on an article in a section, that it goes to another website?
0
Dave Dyson
It's likely that you're using HTML tags or attributes that are considered "unsafe". There's information this, and how to allow unsafe HTML, here: Allowing unsafe HTML in help center articles
0
Fernando Fischer
Question guys, I am trying to add border to images and add some text that will be hidden to the user but searchable to the engine, using the code snippet and inline styling, and all works just fine in the editor but not in the preview, or when I am publishing it, I am doing something wrong? thank you in advance.
0
Jeff C
Hi Edisa,
We do not have a specific article that shows a step by step way of doing this however if you go into an article, the article source code can be pulled by clicking on this button from the toolbar.
This opens up the editor where you can enter HTML codes to embed a video you desire. While custom coding is outside our scope of support, I am sharing this piece of code with you which I have found online that works for me:
0
Vous connecter pour laisser un commentaire.