Configure the HTML toolbar

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

Before you begin

Role required: admin

Procedure

  1. Navigate to System Properties > UI Properties.
  2. Locate the appropriate properties based on your version of the HMTL editor.
    OptionDescription
    TinyMCE glide.ui.html.editor.v4.toolbar.line1 and glide.ui.html.editor.v4.toolbar.line2
    htmlArea glide.ui.html.toolbar
  3. Enter or remove buttons for each toolbar as a comma-separated list without spaces.
    For the TinyMCE toolbar, use the following buttons. Use a vertical bar ("|") to add a section separator.
    Table 1. TinyMCE button options
    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.

    For the htmlArea toolbar, use the following buttons. Use separator to add a section separator.
    Table 2. htmlArea button options
    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
  4. Click Save.
    Figure 1. TinyMCE toolbar
    TinyMCE v4 HTML editor toolbar
    Figure 2. htmlArea toolbar
    Legacy HTML editor toolbar