Need help with formatting options available in ServiceNow

[Garima26]

We are working on making support agents articles more convenient to read. At present, they are very long articles. Can someone guide me on how the content can be made more compact. One of the examples I saw on internet is as shown below, however I'm unable to find any option in the tool bar. 

[Eoghan Sinnott]

Hi, 

This option is the 'anchor' attribute.

Please consider marking my reply as Helpful and/or Accept Solution, where applicable. Thanks!

[Mark VL]

@Sheh   Another good formatting option available through the ServiceNow Store is the ServiceNow-native Amaze editor.  No coding necessary.. it's all drag-and-drop functionality with 60-plus ready-made templates and dozens of other components that make knowledge article creation a breeze!  Plus the end result is much more professional looking and high quality.  Check out Amaze at www.intellective.co/amaze.  

[vhindbo]

I was really looking forward to using this feature!!!! It beats links and bookmarks.

Unfortunately, I ran into two different bugs when trying to use this feature. Each time I do a Save, the editor moves a </details> tag immediately after the </summary> tag and, to add insult to injury, it also adds extraneous <p>/</p> tags. 

Here's my original code:

<details> <p><summary>HEADER 1</summary> </p>
<p>content under heading 1</p>
</details>
<details> <p><summary>HEADER 2</summary> </p>
<p>content under heading 2</p>
</details>
<details> <p><summary>HEADER 3</summary> </p>
<p>content under heading 3</p>
</details>

Here's what it becomes after two Saves.

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><details><summary>HEADER 1</summary> </details></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>content under heading 1</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><details><summary>HEADER 2</summary> </details></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>content under heading 2</p>
<p>&nbsp;</p>
<p><details><summary>HEADER 3</summary>
<p>content under heading 3</p>
</details></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

[Kim27]

Please see the ServiceNow documentation "Customize TinyMCE attributes" for a complete list of editor options. 

A handy Table of Contents icon is also available on the TinyMCE editor!