---
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


---

# Configuring plugins for the TinyMCE HTML editor

# Configuring plugins for the TinyMCE HTML editor {#ariaid-title1}

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

The TinyMCE HTML editor is a powerful,
flexible, and customizable rich text editor.
You can configure and extend the editor by using
plugins.
{#configuring-plugins-for-TinyMCE-HTML-editor__table_jv1_rrv_lbc__entry__2}

| Plugin name | Description |
|-|-|
| accordion | Enables the creation of sections in a document that can be expanded or collapsed to show or hide additional content. |
| advlist | Extends the core bullist and numlist toolbar controls by adding additional CSS list-style-type styled number formats and bullet types to the controls. |
| align_listitems | Confirms that bullets and numbers are aligned along with the content. |
| anchor | Adds an anchor/bookmark button to the toolbar that inserts an anchor at the editor's cursor insertion point. It also adds the menu item anchor under the Insert menu. |
| autolink | Creates hyperlinks automatically when you enter a valid, complete URL. For example, www.example.com is converted to http://www.example.com. |
| autoresize | Resizes the editor to the content inside it automatically. It's typically used to help prevent the editor from expanding infinitely as you enter text into the editable area. |
| charmap | Adds a dialog to the editor with a map of special unicode characters, which can't be added directly from the keyboard. |
| codemirror | Provides a more advanced code editor than the default text area. |
| codesample | Insert and embed syntax color highlighted code snippets into the editable area. It also adds a button to the toolbar that opens a dialog box to accept raw code input. |
| directionality | Adds directionality controls to the toolbar, enabling TinyMCE to better handle languages written from right to left. It also adds a toolbar button for each of its values, ltr for left-to-right text and rtl for right-to-left text. |
| emoticons | Adds a dialog to the editor that lets you insert emoji into the TinyMCE editable area. |
| fullscreen | Adds full screen editing capabilities to TinyMCE. When you press the toolbar button, the editable area fills the viewport of the browser. |
| image | Enables you to insert an image into the TinyMCE editable area. |
| insertdatetime | Provides a toolbar control and menu item that lets you insert the current date and time into the editable area at the cursor insertion point. |
| link | Enables you to link external resources, such as website URLs, to selected text in their document. |
| lists | Enables you to add numbered and bulleted lists to TinyMCE. To enable advanced lists, such as alpha numbered lists and square bullets, you should also enable the Advanced List (advlist) plugin. |
| media | Lets you add HTML5 video and audio elements to the editable area. |
| nonbreaking | Adds a button for inserting nonbreaking space entities such as \  at the cursor insert point. It also adds a menu item Nonbreaking space under the Insert menu drop-down list and a toolbar button. |
| pagebreak | Adds page break support and enables you to insert page breaks in the editable area. This ability is useful where a CMS uses a special separator to break content into pages. |
| preview | Adds a preview button to the toolbar that opens a dialog box showing the current content in a preview mode. |
| readonlynoborder | Enables a read-only mode for HTML field types. |
| searchreplace | Adds search and replace dialogs to TinyMCE. |
| table | Adds table management functionality to TinyMCE, including dialogs, context menus, context toolbars, menu items, and toolbar buttons. |
| tableofcontents | Generates a basic table of contents (ToC) and inserts it into the editor at the cursor insert point. ToC entries are generated from header elements in the content. |
| visualblocks | Enables you to see block-level elements in the editable area. |
| visualchars | Adds the ability to see invisible characters like \  in the editable area. |
| wordcount | Adds the functionality for counting words to the TinyMCE editor. Note: This plugin is no longer supported in workspaces. |
| powerpaste | Cleans up content from Microsoft Word, Microsoft Excel, Google Docs, and HTML sources automatically to create clean content that matches the look and feel of the site. |
[Table 1. Plugins supported in the TinyMCE HTML editor]

{#configuring-plugins-for-TinyMCE-HTML-editor__table_jv1_rrv_lbc}  
Note:  
Adding a custom plugin to the valid plugins can cause unexpected results.
**Related concepts**   

* [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 tasks**   

* [Configure the HTML toolbar](https://servicenow-prod.fluidtopics.net/hOM_e0e5mzDIIOK7Q8L30Q "Configure which buttons are available on the HTML toolbar.")  
**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.")

## Change the TinyMCE HTML editor plugins {#ariaid-title2}

Configure the TinyMCE plugins in our workspaces.

### Before you begin

Role required: admin

### Procedure

1. Navigate to AllSystem PropertiesUI Properties.
2. Update the plugin configuration for HTML field (TinyMCE v6.8.3) (glide.ui.html.editor.enabled_plugins) property to configure plugins.  
   Use a vertical bar ("\|") to add a section separator.  
   {#change-the-tinymce-html-editor-plugins__table_crx_3rm_dcc__entry__2}

   | Type | Plugins |
   |-|-|
   | Default plugins | accordion advlist align_listitems anchor autolink autoresize charmap codemirror codesample directionality emoticons fullscreen image insertdatetime link lists media nonbreaking pagebreak preview readonlynoborder searchreplace table tableofcontents visualblocks visualchars wordcount |
   | Enabled plugins | accordion advlist align_listitems anchor autolink charmap codemirror codesample directionality emoticons fullscreen image insertdatetime link lists media nonbreaking pagebreak preview readonlynoborder searchreplace table tableofcontents visualblocks visualchars wordcount |
   [Table 2. Plugins for TinyMCE HTML editor]

   {#change-the-tinymce-html-editor-plugins__table_crx_3rm_dcc}
3. Make changes (add/remove) in the enabled plugins property.
4. Select save.  
   If there's a custom plugin added to enabled plugins its not recommended unless critical.

*[\>]: and then