Editing markdown in the Visual Editor

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:

<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.