Editing markdown in the Visual Editor

Last modified: October 3rd, 2024

As of October 2024, this documentation is only applicable to Sites using Unified Configuration. For Sites that have not migrated to Unified Configuration, please read the documentation on our non-unified documentation website.

You can edit markdown files in the Visual Editor using an in-place Rich Text editor embedded on your page.

To do so, add the data-cms-edit="content" attribute to the relevant element on your site. For example:

page.html
copied
<div data-cms-edit="content">
  {{ content }}
</div>

When encountering this attribute, CloudCannon will replace the children of the tagged element with the Content Editor, connected to the Markdown content of the opened file.

Related Articles

Open in a new tab