---
sourceDocument: Xanadu ServiceNow AI Platform Administration
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/platform-administration

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu ServiceNow AI Platform Administration

ft:clusterId :

    - platadm

bundleId :

    - platadm

workflow :

    - Platform


---

# Configure the HTML toolbar

# Configure the HTML toolbar {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Configure
which buttons are available on the HTML toolbar.

## Before you begin

Role required: admin

## Procedure

1. Update the toolbar options for your preferred HTML field editor.

   | Option | Description |
   | htmlArea toolbar | 1. Navigate to the System properties \[sys_properties\] table by entering <kbd class="ph userinput">sys_properties.list</kbd> in the application navigator. 2. In the Name column, search for <kbd class="ph userinput">glide.ui.html.toolbar</kbd>. 3. Select the glide.ui.html.toolbar property. {#t_ConfigureTheTinyMCEHTMLToolbar__ol_ldy_mgd_rxb} |
   | TinyMCE | 1. Navigate to the System properties \[sys_properties\] table by entering <kbd class="ph userinput">sys_properties.list</kbd> in the application navigator. 2. In the Name column, search for <kbd class="ph userinput">glide.ui.html.editor.toolbar</kbd>. 3. Select the glide.ui.html.editor.toolbar property. {#t_ConfigureTheTinyMCEHTMLToolbar__ol_zmt_vgd_rxb} |
   |-|-|

   {#t_ConfigureTheTinyMCEHTMLToolbar__choicetable_twl_kgd_rxb}
2. In the Value field, enter or remove buttons for each toolbar as a comma-separated list without spaces.  
   For the TinyMCE toolbar, all the toolbar buttons mentioned in the
   TinyMCE button options table
   are available in the
   glide.ui.html.editor.toolbar.valid_buttons
   sys_property. You can choose from the list found there and add it to the System properties \[sys_properties\] glide.ui.html.editor.toolbar. Use a vertical bar ("\|") to add a section
   separator.  
   {#t_ConfigureTheTinyMCEHTMLToolbar__simpletable_exc_mlp_3r__entry__2}

   | Button purpose | Accepted button names |
   |-|-|
   | Formatting | newdocument, bold, italic, underline, aligncenter,alignjustify alignleft, alignright, indent, outdent, numlist, bullist, blocks, fontfamily, fontsize, forecolor, removeformat, backcolor, blockquote, strikethrough, subscript, superscript, pagebreak, nonbreaking, ltr rtl |
   | Table functions | table, tableofcontents |
   | Editing | copy, cut, paste, pastetext, undo, redo, searchreplace |
   | Extended functions | link, unlink, charmap, code, codesample, hr, image, media, preview, print, visualblocks, visualchars, anchor, emoticons, insertdatetime, fullscreen (not supported by Internet Explorer) |
   [Table 1. TinyMCE button options]

   {#t_ConfigureTheTinyMCEHTMLToolbar__simpletable_exc_mlp_3r}

   For the htmlArea toolbar, use the buttons listed in the
   htmlArea button options table. Use separator to add a section separator.  
   {#t_ConfigureTheTinyMCEHTMLToolbar__htmlArea__entry__2}

   | Button purpose | Accepted button names |
   |-|-|
   | Formatting | formatblock, fontname, fontsize, bold, italic, underline, justifyleft, justifycenter, justifyright, justifyfull, insertorderedlist, insertunorderedlist, outdent, indent, forecolor, hilitecolor |
   | Editing | copy, paste, undo |
   | Extended functions | createlink, inserthorizontalrule, insertimage, insertvideo, inserttable, htmlmode |
   [Table 2. htmlArea button options]

   {#t_ConfigureTheTinyMCEHTMLToolbar__htmlArea}
3. Select Update.

## What to do next

See [Change the TinyMCE default toolbar](https://servicenow-prod.fluidtopics.net/KCocOD2XzdADUuQGSs0zkg#set-dictionary-attributes-workspace "Set the toolbar items in your system properties to enable or disable throughout Workspace.") for more detailed information.
* **[Formatting functions in HTML field editors](https://servicenow-prod.fluidtopics.net/gRrYKpFDp819j~dBSBcaoQ)**   
  The formatting table displays how to control the way text appears.
* **[Table functions in HTML field editor](https://servicenow-prod.fluidtopics.net/~b7h9rsn0H8UF7tdQzDoCA)**   
  TinyMCE version 6.8.2 uses menus and menu selections to create and edit tables.
* **[Editing functions in HTML field editor](https://servicenow-prod.fluidtopics.net/YFhxZMpN~6UKLBDblozkbA)**   
  Several editing functions are built into TinyMCE.
* **[Extended functions in HTML field editor](https://servicenow-prod.fluidtopics.net/A9SuJ5tUHQWAXjYwYNpTQw)**   
  The extended functions available for working with HTML content.

**Related concepts**   

* [Configuring plugins for the TinyMCE HTML editor](https://servicenow-prod.fluidtopics.net/I7oelvLK2XLei7lp8aGDeQ#configuring-plugins-for-TinyMCE-HTML-editor "The TinyMCE HTML editor is a powerful, flexible, and customizable rich text editor. You can configure and extend the editor by using plugins.")
* [Configuring the TinyMCE toolbar via Dictionary attributes](https://servicenow-prod.fluidtopics.net/KCocOD2XzdADUuQGSs0zkg#tinymce "You can configure the TinyMCE HTML editor for a specific table by configuring the dictionary attributes.")  
**Related reference**   

* [Configuring system properties for TinyMCE HTML editor](https://servicenow-prod.fluidtopics.net/bbnZu5m_HuakYjftfS9Gug "There are multiple system properties that are used to configure the behaviour of the HTML editor field type. Learn about the system properties available in the TinyMCE rich text editor.")