Defining editable regions in your HTML

Editable Regions let you edit parts of your HTML visually and with live updates.

Editable Regions have yellow borders in the Visual Editor indicating which areas can be updated. Define large sections to give full control, or limit access by defining select images and text elements. Depending on the element an editable is applied to, editors will see different options in the editor.

To define an Editable Region:

  1. Identify the HTML element you want to be editable
  2. Add class="editable" to the HTML element. If the element already has a class you can append the editable class, for example: <div class="content editable">

The Visual Editor supports JavaScript. However, HTML rendered with JavaScript is not editable.

Screenshot of the visual editor with some editor links
Was this article helpful? or Suggest an improvement >

Related articles