The Help Center article editor contains a toolbar you can use to format your knowledge base articles. The article toolbar is not the same as the toolbar that appears in community posts.
The following table describes the formatting options that are available.
Toolbar button | Name | Action |
---|---|---|
|
Headings | Insert HTML headings |
![]() |
Size | Increase or decrease font size |
![]() |
Bold |
Bold or unbold text |
![]() |
Underline | Underline or remove underline from text |
![]() |
Text color | Change text color using the color selector |
![]() |
Italic |
Italicize or remove italics |
![]() |
Numbered list | Create or remove a numbered list |
![]() |
Bulleted list | Create or remove a bulleted list |
![]() |
Align/indent |
Align text left, center, or right; indent or outdent text |
![]() |
Insert/edit link |
Create or edit a link and link text. You can link to a URL, heading in the article, or another article. See Inserting links. |
![]() |
Insert image | Insert an image using the file browser. The image file size limit is 20 MB. See Inserting images. |
![]() |
Add video | Insert a video that is hosted on a supported
service. See Inserting videos. |
![]() |
Table |
Create or modify tables using the menu options |
![]() |
Source code | View or edit the HTML source code |
28 Comments
I am wondering how I can add a blockquote to a line of text or a paragraph so that it looks like a quote. Maybe in a similar way like described in formatting with markdown (https://support.zendesk.com/hc/en-us/articles/203691016-Formatting-text-with-Markdown#topic_xqx_mvc_43__row_k3l_yln_1n)?
Hi,
We have created articles in the Help Center and when they are in 'edit' format they appear to look correct. However, once published the top row of the wording of the article defaults to capitals. How can I change this please? I've tried deleting the row, typing below the row and yet when you backspace to get to the top of the screen - the font changes automatically to capitals. Is this a bug?
Thanks for your help.
+1: Looks great in the edit mode; looks all out of whack in the published version.
Hi,
I'm wondering why the links are not reflecting as links (underlined and in blue color) when the article is already published but when it is in draft mode for editing, it is reflecting as a link.
Thanks!
Is there a way to add a link to an article rather than inserting the full url?
Thanks
Hi Larry! Welcome to the Community!
I'm not sure I understand your question...can you go into more detail about what you're trying to do?
When adding a link to another article,I add the full url, just asking id there's a topic selector of sorts resembling an authoring tool to make this easier?
Larry
Hi. I have added an image to an article I am working on but it has imported sideways and is very big. Please can you tell me how to rotate the image and to make it fit the page. Thanks Fiona
Hi Fiona -
It sounds like the image is wider than the page. You'll want to use an image editing tool (like Photoshop) to re-size it before uploading.
I am converting several articles that were created in MS Word. In the documents, there is a style for Notes, one for Tips, etc. I have added styles in the css file that match the styling of the word docs. The question I have, is there a way to apply those css styles in the article editor? I can edit the html and add the style class, but it can be a pain.
Hi Joel! Welcome to the Community!
In the article editor tool bar, on the far right end you'll see a button to edit the article source code. I think that'll do what you're looking for!
I understand about the editor toolbar and viewing the source. It is just a pain to locate the specific items in the source. I was hoping there was a way to add a css "class" to the dropdown.
Hey Joel,
I'm afraid it's not possible to do that. :(
Hey Jessie,
I am in the same boat as Joel. The old Markdown allowed for 'code blocks' but the editor toolbar doesn't have that. We need the ability to add additional styles to the paragraph pull down.
How do we add that as a Feature Request?
Hey Chaz -
Your best bet is to up vote the original post and add your detailed comment to this thread in the Product Feedback topic in the Community.
Could you please tell me how to create an information box, similar to the pale yellow 'note' boxes in the article above?
Hi Charlotte! Welcome to the Community!
We have several posts in our Tips & Tricks area that show different variations on this that should be exactly what you need! You can find them here:
Let us know if you need anything else!
When I attempt to modify table properties, I am not seeing options to modify the border or border color. Is this something I'm missing? HTML won't be accepted I assume since I don't have "unsafe content" enabled. Is that my only option?
Hi Christen -
Usually you only have to enable "unsafe content" in the case that you're trying to show video. I'm not sure why that isn't showing up for you; I'm going to ask one of our customer advocates to pop in and see if they can help you out.
Hi Christen,
Just stepping in here to help :)
As Nicole mentioned above, to have the option to natively alter the border-color and background-color from the toolbar within the article editor, you will need to enable "unsafe content". You can do so by navigating to your Guide Page > Guide Admin > Settings > Scroll Down to Security and Enable Unsafe Content.
However, if you'd like to keep Unsafe Content Disabled, you can hard code the border and background colors into the source code of your article.
Please let us know if you have any additional questions.
Best,
Thanks Ryan,
That was precisely what I was running into as an issue. If I kept unsafe content disabled, my hard code changes to the table property colors were stripped every time.
I have found that enabling unsafe content does allow for the advanced table properties, so thank you for that. It just seems like a big sacrifice for something so small, especially when hardcoding is fine by me but just doesn't seem to stick.
Thanks everyone for your help so far!
Inserting Links
Is there a quick way to insert links to other guide articles? At the moment I am copy/pasting the urls of other articles.
Hi Tobias!
At the moment the only way to insert article links into other articles is to copy and paste the URLs.
I would like to know if there is a way to bold the numbers when creating a numbered list from the toolbar. Not sure if this is possible or if it would have to be done in CSS?
Thank you!
Hey Sarah,
I did a bit of looking and it seems like it'd be CSS changes. I found a lovely soul who created a demo of the CSS involved, it might be a good proof of concept to get you started
DEMO
Hope that helps!
Thank you for looking into it. That link is helpful!
Is there an option to "reset formatting"? I've imported a number of articles using the Google Drive import, but they seem to have a lot of "stuck" formatting from the import. Some paragraphs appear larger than others despite being "Paragraph" and "Default" text size, headers have stuck colors, etc.
Would be very useful to have the ability to strip all non-structure formatting in these cases, or the option to use the old Markdown editor instead of WYSIWIG.
Harrison Hopkins
There is not a button on the article toolbar to reset formatting, but you could try editing the article source code directly to fix the formatting. To get to the article source code, click the icon that looks like this: </>.
This article explains which HTML tags are allowed in editors.
Please sign in to leave a comment.