Table of content in Knowledge Articles

MarcinW_
Tera Contributor

Hello, 

I am trying to enable the table of content in the html editor, but it looks like the option does not exist.

I have tried the following so far:

1. Inset table of content: 

https://docs.servicenow.com/bundle/quebec-servicenow-platform/page/product/knowledge-management/task/insert-toc-html-editor.html

that did not work as the button was not available.

2. then I went to

https://docs.servicenow.com/bundle/quebec-platform-administration/page/administer/form-administration/task/t_ConfigureTheTinyMCEHTMLToolbar.html 

that did not help

3. then I went to this

https://docs.servicenow.com/bundle/paris-platform-administration/page/administer/workspace/concept/tinymce.html

4. after that I started experimenting  and  modified that value field for glide.ui.html.editor.v4.toolbar.valid.buttons to include buttons that I could not see (anchor and toc), that did work for the anchor but not for the toc. 

so right now I do not know what else to do to get the toc and the toc update available in my HTML editor

 

 

1 ACCEPTED SOLUTION

Jiri Skala
Giga Guru

Today, I tested this feature in more detail in three of our demo instances: Quebec, Paris, and Orlando. Here are my findings:

  1. In Orlando: "toc" is not by default included in properties glide.ui.html.editor.v4.toolbar.valid.buttons and glide.ui.html.editor.v4.toolbar.line1. And even after I added it manually to both properties, the "toc" icon didn't appear in the toolbar.
  2. In both Paris and Quebec, "toc" is by default included in property glide.ui.html.editor.v4.toolbar.valid.buttons, and the "toc" icon appears in the toolbar even it is not in the value field in glide.ui.html.editor.v4.toolbar.line1. See the screenshots from the Paris instance:

find_real_file.png

find_real_file.png

find_real_file.png

 

My personal conclusion: "toc" is a feature that was added in Paris, and your instance was upgraded from Orlando or an earlier version, but something went wrong during the upgrade, and this is the reason why this feature is not available there. I think you have two options: either instance z-boot or to report an issue on HI.

View solution in original post

11 REPLIES 11

Of course, I can:

find_real_file.png

find_real_file.png

find_real_file.png

Jiri Skala
Giga Guru

Today, I tested this feature in more detail in three of our demo instances: Quebec, Paris, and Orlando. Here are my findings:

  1. In Orlando: "toc" is not by default included in properties glide.ui.html.editor.v4.toolbar.valid.buttons and glide.ui.html.editor.v4.toolbar.line1. And even after I added it manually to both properties, the "toc" icon didn't appear in the toolbar.
  2. In both Paris and Quebec, "toc" is by default included in property glide.ui.html.editor.v4.toolbar.valid.buttons, and the "toc" icon appears in the toolbar even it is not in the value field in glide.ui.html.editor.v4.toolbar.line1. See the screenshots from the Paris instance:

find_real_file.png

find_real_file.png

find_real_file.png

 

My personal conclusion: "toc" is a feature that was added in Paris, and your instance was upgraded from Orlando or an earlier version, but something went wrong during the upgrade, and this is the reason why this feature is not available there. I think you have two options: either instance z-boot or to report an issue on HI.

Thank you Jiri

You are welcome! And many thanks for marking my answer as correct.

Sam Goode
Tera Guru

In my experience on a Quebec personal developer instance the way to do this has been to:

  • From the article form, right click on the field label (Article body if you use the standard template) > Configure Dictionary
  • Click Advanced view in the related links section
  • Edit the attributes field to make sure toc is included in the editor.plugins section and is available in the editor.toolbar section e.g.

editor.height=100,editor.plugins=table colorpicker textcolor link image media codemirror lists advlist fullscreen charmap directionality emoticons hr insertdatetime nonbreaking pagebreak print searchreplace wordcount anchor toc codesample visualblocks visualchars compat3x autolink align_listitems,editor.toolbar=formatselect  | bold italic underline strikethrough forecolor pastetext removeformat  |  bullist numlist outdent indent alignleft aligncenter alignright | table  link unlink  image media codesample toc | searchreplace undo redo code fullscreen