WYSIWYG

Revision as of 09:49, 22 May 2026

As of version 2.9.0 FlexForm comes with the TrumboWyg WYSIWYG editor for textareas.

When use add editor="trumbo" as an argument to a textarea, it will by default add the TrumboWyg editor to the textarea with all supported options: Heading formats, bold, italic, underline, delete, superscript and subscript. See example 1.

If you add the data-btns argument to the textarea as well, you can define what buttons you want to use.

Buttons options are:

formatting
bold
italic
underline
del
superscript
subscript

See example 2.

Example 1

<form>
<textarea editor="trumbo"name="Content"</textarea>
</form>

Example 2

<form>
<textarea editor="trumbo"name="Content" data-btns="bold,italic,code></textarea>
</form>

@@ Line 3: / Line 3: @@
 When use add <code>editor="trumbo"</code> as an argument to a textarea, it will by default add the TrumboWyg editor to the textarea with all supported options: Heading formats, bold, italic, underline, delete, superscript and subscript. See example 1.
-If you add the <code>data-btns</code> argument to the textarea as well, you can define what buttons you want to use. See example 2.
+If you add the <code>data-btns</code> argument to the textarea as well, you can define what buttons you want to use.
+Buttons options are:
+* formatting
+* bold
+* italic
+* underline
+* del
+* superscript
+* subscript
+See example 2.
 === Example 1 ===