Skip to main content

How to use the Ace editor within the Content Management System

Explore the embeddable code editor you can use to add HTML, JavaScript, and CSS.

Updated over 2 weeks ago

Permissions needed:

  • Edit content

The Ace code editor allows you to edit CSS in module properties, to apply across the entire module. Find the module and select Properties in the sidebar.

This shows any warnings or errors in the code.

Warnings may not break module navigation, but can impact reporting aspects such as scores or module completion statuses.

Errors should be fixed so that the module works properly.
โ€‹

You can also use the Ace editor to add code on specific pages and sections.

Above the editor, there are four buttons. Select to activate or deactivate:

  • Fullscreen mode
    Select to enlarge the Ace editor (select again to reduce)

  • Word wrap
    Scripts automatically make new lines when they reach the end of a margin

  • Live autocomplete
    Detects and predicts what the user tries to type, suggesting different functions and variables

  • Search editor
    Users can search or search and replace

Finished making changes with the Ace editor? Here's what to do after editing the module.

Missing permissions or need different permissions? Please contact your company admin or your CSM at [email protected]

Did this answer your question?