How can I show a text editor?
You can show a text editor below the text option to let your customer modify the appearance of the text:
Text option
Add a new option. The editor does work with the "Text" and "Multiline" option type:
Live preview
Enable the live preview:
Text Layer
Add a new layer of type "Text":
Connect the layer to the option:
Text editor
Check the "Text editor" setting:
Select the tools you want to show:
The option should now show the editor below the input:
Editor button
You can also show a button below the input to show/hide the editor:
Font option
You can setup a dedicated option for the font selection. This is useful if you have multiple text inputs that all are using the same font.
In the live preview "Text" layer, select the font option:
Color option
You can setup a dedicated options for the color selection. This is useful if you want to only offer a limited set of colors or a single color that will be applied to multiple text inputs.
In the live preview "Text" layer, select the font option: