Configure the HTML toolbar

  • Release version: Washingtondc
  • Updated February 1, 2024
  • 1 minute to read

    • 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. Update the toolbar options for your preferred HTML field editor.
      OptionDescription
      htmlArea toolbar
      1. Navigate to the System properties [sys_properties] table by entering sys_properties.list in the application navigator.
      2. In the Name column, search for glide.ui.html.toolbar.
      3. Select the glide.ui.html.toolbar property.
      TinyMCE
      1. Navigate to the System properties [sys_properties] table by entering sys_properties.list in the application navigator.
      2. In the Name column, search for glide.ui.html.editor.v5.toolbar.
      3. Select the glide.ui.html.editor.v5.toolbar property.
    2. In the Value field, 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, fullscreen (not supported by Internet Explorer)

      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
    3. Select Update.
      Figure 1. TinyMCE toolbar
      TinyMCE v4 HTML editor toolbar
      Figure 2. htmlArea toolbar
      Legacy HTML editor toolbar