Rich Text Property
Last updated
Last updated
The Rich Text Property allows you to add rich text to a component, such as bold, italic, underline or strikethrough.
Open the Components Properties modal.
Select the Rich Text Property you wish to configure.
Input required information such as Name, Default, Placeholder, Canvas Placeholder.
Choose Type as required, simple or advanced.
The Rich Text Property needs to be connected for it to be applied to the canvas.
You need to select "Modify" in the Toolbar or Block Inspector for the blocks that make up a particular component to be visible.
Select the Component to which you want to connect the Rich Text Property.
Select "Modify" in the toolbar or the Block Inspector.
The blocks contained in the component are now visible in the navigator.
In the navigator, find and select the Rich Text property you wish to connect.
In the Components tab of the Primary tab, click the Content field to open the Component Properties modal.
In the Component Properties modal, select the Rich Text property you wish to connect.
Click the Connect button.
The Rich Text Property name is now visible in the Content field in the Block Inspector.
Once correctly connected, you should have something like this:
See Connect a Component Property.
Allows you to label the selected rich text property.
Open the Component Properties modal.
Select required rich text property.
Input suitable label name to Name field.
The required label will now be visible in the Block Inspector next to the rich text field.
Allows you to set suitable default text to your component.
Open the Components Properties.
Select required Rich Text property.
Open Settings tab.
Input suitable default rich text in Default field, such as Bold, Italic, Underlined, Barred.
This is how it should now look on the canvas.
Ensures that suitable alternative rich text appears in the rich text field of the block inspector if the rich text field has been cleared.
Open the Components Properties.
Select required Rich Text property.
Open Settings tab.
Input suitable text in Placeholder field such as "Enter Title".
The alternative rich text will now be visible in the Title field.
Alternative text that appears in the rich text field of your post or page if the required rich text has not been added.
Open the Components Properties.
Select required Rich Text property.
Open Settings tab.
Input suitable text to Canvas Placeholder field, such as "Enter Title Here".
After connection, the Canvas Placeholder text you inputed will be visible in the Rich Text field.
If the Simple Type property is selected, your text property is static.
Open the Components Properties.
Select required Text property.
Open Settings tab.
Select Simple as Type.
Once connected, the selected rich text property will show as static in the Block Inspector.
The Advanced Type property allows you to add either dynamic or static content to your text field as required.
Dynamic content can be set for: Source, Wordpress, Static Text, Before, After, Fallback in the Content modal.
Open the Components Properties.
Select required Text property.
Open Settings tab.
Select Advanced as Type.
Now a Dynamic icon appears in the Block Inspector that will allow you to toggle on or off Dynamic content.
This allows you to have either static or dynamic content.
When Dynamic is active, the icon will become blue.
In the Block Inspector, toggle dynamic on for dynamic content.
This will open the Content modal.
Input settings as required (Source, Wordpress, Static Text, Before, After, Fallback).
