Development Docs

Content

Pieces of text

edit

block-edit or -block-edit: true

To be used on individual HTML elements, making content within each editable.

Example:

<div class="block-edit">Copy for a specific area of your email.</div>

variable

data-block="variable-name" or -block-var: 'variable-name'

Adding to HTML elements saves their content by storing it in a database. This allows for importing an updated version of a template without losing the content that was modified.

Example:

<div class="block-edit" data-block="example-text">Copy for a specific area of your email that will be stored in the database.</div>

text

block-text or -block-text: true
block-no-text or -block-text: false

Allows/disables content from being edited in an element. Default: editing allowed.

bold

block-bold or -block-bold: true
block-no-bold or -block-bold: false

Allows/disables adding 'strong' element around content. Default: bold allowed.

italics

block-italic or -block-italic: true
block-no-italic or -block-italic: false

Allows/disables adding 'em' element around content. Default: italics allowed.

min/max characters

block-minchar-# or -block-minchar: #
block-maxchar-# or -block-maxchar: #

Sets a character limit for content in an element. Default: unlimited.

links

block-link or -block-link: true
block-no-link or -block-link: false

Allows/disables adding 'a' element around content for linking. Default: linking allowed.

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.

images