Add a Code Element to Your Page

  1. Go to the page where you want to add the code element.
  2. Click the Add button at the location where you want to place element.
  3. Click the Code element button on the Add element modal.

    This adds a code element to the page.
  4. Select Settings from the Code element toolbar.
  5. Click the gear icon in the bottom left corner of the code editor to set your editor preferences. Preferences include:
    • Dark editor: Toggles between dark background and light text or light background and dark text
    • Line wrap: Toggles between wrapping text lines or extending them beyond the editor border.
    • Show invisibles: Toggles between showing or hiding invisible characters such as spaces
    • Show gutter: Toggles between showing or hiding the gutter and line numbers on the left side of the editor.
  6. Enter your code in the editor.
  7. Set any advanced properties on the Advanced tab.
  8. Set viewing and editing options on the Users and Roles tab