Editing Reference Guide

Basically all the elements in a page can be edited by the publisher. Besides that, some element types and css classes will trigger special Website Builder functionalities when edited.

Layout

<section />

Any section element can be edited like a block of content. The publisher can move or duplicate it. It’s also possible to set a background image or color. Section is the standard main container of any snippet.

.row > .col-md-*

Any medium bootstrap columns directly descending from a .row element, will be resizable by the publisher.

contenteditable="False"

This attribute will prevent editing to the element and all its children.

contenteditable="True"

Apply it to an element inside a contenteditable="False" element in order to create an exception and make the element and its children editable.

<a href=”#” />

In Edit Mode, any link can be edited and styled. Using the “Link Modal” it’s also possible to replace it with a button.

Media

<span class=”fa” />

Pictogram elements. Editing this element will open the Pictogram library to replace the icon. It’s also possible to transform the elements using CSS.

<img />

Once clicked, the Image Library will open and you can replace images. Transformation is also possible for this kind of element.

<div class="media_iframe_video" data-src="[your url]" >
  <div class="css_editable_mode_display"/>
  <div class="media_iframe_video_size"/>
  <iframe src="[your url]"/>
</div>

This html structure will create an<iframe>element editable by the publisher.