This guide provides an overview of the CSS classes/styles to use to make content in a template editable when imported into Blocks Edit. You can import either your template's HTML file or a ZIP archive that includes images used in your template. When you're ready to export, any updated images will be included as well.
To be used on individual HTML elements, making content within each editable for the user.
Allows the element to be removed.
Allows duplicating an element, making it part of a listing where each copy can be reordered or removed.
Displays box around a group of elements that lets the user know which parts of the template can be modified.
For styling text links within content, just add an example link within an editable region and Blocks Edit will replicate the style for any additional link added within that region. The same thing applies for any specific styling for bold and italic text.
The default options for standard elements are:
No text formatting, just editing and linking.
Text editing, formatting and linking.
Ability to replace image, specify an image URL, add a link, and set alt text.
To overwrite the default options, add the following classes or styles:
Allows/disables adding 'strong' element around content.
Allows/disables adding 'em' element around content.
Allows/disables adding 'a' element around content for linking.
Allows/disables content from being edited in an element.
Sets a character limit for content in an element.