RichText

The RichText component is used to add editable text to your block.

Settings

Attribute

Use the Attribute dropdown to select the attribute that will manage the text entered into the rich text area. The RichText component requires a string-type attribute.

Placeholder Text

The placeholder text will appear when nothing has been entered into the rich text area. It can be useful for providing instructions and indicating where text can be entered into your block. For example, if your block contains a headline, you could enter “Headline here…” as the placeholder text to help guide the user and make it obvious where to click in the block to enter the headline.

HTML Tag

Rich text is always wrapped in an HTML tag. You can enter any valid HTML tag that is permitted to contain text. If left blank, the component will default to using a div tag.

Multiline Tag

The Multiline Tag setting controls what happens when the enter key is pressed within the rich-text area of your block. If left blank, a line break tag (i.e. <br />) is inserted when pressing enter. If an HTML tag is entered, pressing enter will cause the next line of text to be wrapped in the specified tag.

For example, to create a rich-text area that allows multiple paragraphs, enter “p”. To create a rich-text area that creates a list, enter “li” (and set the HTML Tag to “ul” for unordered list or “ol” for a numbered list).

Allowed Formats

Use the Allowed Formats setting to control what formatting options will appear in the block’s toolbar when the rich-text area is in focus.