Configure the TinyMCE HTML toolbar

When HTML fields are configured to use the TinyMCE HTML editor, follow this procedure to configure which buttons are available on the toolbar.

Before you begin

Role required: admin

About this task

This procedure applies to both versions of the TinyMCE editor: version 3, available in UI11, and version 4, available in UI16 and UI15.

Procedure

  1. Navigate to System Properties > UI Properties.
  2. Locate the appropriate properties based on your version of the UI.
    OptionDescription
    UI16 or UI15
    • (TinyMCE v.4.0.26) Configures the editing toolbar (first line) for HTML fields (glide.ui.html.editor.v4.toolbar.line1)
    • (TinyMCE v.4.0.26) Configures the editing toolbar (second line) for HTML fields (glide.ui.html.editor.v4.toolbar.line2)
    UI11
    • Configures the editing toolbar (first line) for HTML fields (glide.ui.html.editor.toolbar.line1)
    • Configures the editing toolbar (second line) for HTML fields (glide.ui.html.editor.toolbar.line2)
  3. Enter or remove buttons for each toolbar as a comma-separated list without spaces.
    • Use a vertical bar ("|") to add a section separator.
    • Use the following button names when defining these properties.
      Button purpose Accepted button names
      Formatting newdocument, bold, italic, underline, strikethrough, justifyleft, justifycenter, justifyright, justifyfull, formatselect, fontselect, fontsizeselect, bullist, numlist, outdent, indent, blockquote, forecolor, removeformat, backcolor, sub, sup
      Table functions tablecontrols
      Editing cut, copy, paste, pastetext, search, replace, undo, redo
      Extended functions link, unlink, cleanup, code, hr, visualaid, charmap, image, media, preview, spellchecker, fullscreen (not supported by Internet Explorer)

      The spellchecker tool is not supported in UI16 or UI15.

  4. Click Save.
    Note: The Configures the editing toolbar for HTML fields (glide.ui.html.toolbar) property only applies to the legacy htmlArea editor. Changes to this property only apply when the legacy htmlArea editor is enabled; they do not affect the TinyMCE HTML toolbar.
    TinyMCE v4 HTML editor toolbar
    TinyMCE v3 HTML editor toolbar