Configure the HTML toolbar

  • Release version: Xanadu
  • Updated August 1, 2024
  • 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.
      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.toolbar.
      3. Select the glide.ui.html.editor.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, 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.

      Table 1. TinyMCE button options
      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)

      For the htmlArea toolbar, use the buttons listed in the htmlArea button options table. 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.

    What to do next

    See Change the TinyMCE default toolbar for more detailed information.