DevOps:Doc/FlexForm/2.0, 2.1, 2.5, 2.9/WYSIWYG
No edit summary |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
Button options are: | Button options are: | ||
* | Drop down menus: | ||
* headings | |||
* styles | |||
* lists | |||
* justify | |||
Single items: | |||
* p | |||
* h1 | |||
* h2 | |||
* h3 | |||
* h4 | |||
* preformatted | |||
* bold | * bold | ||
* italic | * italic | ||
* underline | * underline | ||
* del | * del | ||
* pre | |||
* superscript | * superscript | ||
* subscript | * subscript | ||
* removeformat | |||
* unorderedList | |||
* orderedList' | |||
* justifyLeft | |||
* justifyCenter | |||
* justifyRight | |||
* justifyFull | |||
* horizontalRule | |||
See example 2. | See example 2. | ||
=== Example 1 === | === Example 1 === | ||
<syntaxhighlight> | <syntaxhighlight lang="php"> | ||
<form> | <form> | ||
<textarea editor="trumbo"name="Content"</textarea> | <textarea editor="trumbo"name="Content"</textarea> | ||
| Line 25: | Line 46: | ||
=== Example 2 === | === Example 2 === | ||
<syntaxhighlight> | <syntaxhighlight lang="php"> | ||
<form> | <form> | ||
<textarea editor="trumbo"name="Content" data-btns="bold,italic"></textarea> | <textarea editor="trumbo"name="Content" data-btns="bold,italic"></textarea> | ||
</form> | </form> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| ws-base-props | |||
|---|---|---|---|
| Line 1: | Line 1: | ||
{{Base properties | {{Base properties | ||
|Title= | |Title=WYSIWYG | ||
|Class=Doc | |Class=Doc | ||
}} | }} | ||
Latest revision as of 15:39, 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.
Button options are:
Drop down menus:
- headings
- styles
- lists
- justify
Single items:
- p
- h1
- h2
- h3
- h4
- preformatted
- bold
- italic
- underline
- del
- pre
- superscript
- subscript
- removeformat
- unorderedList
- orderedList'
- justifyLeft
- justifyCenter
- justifyRight
- justifyFull
- horizontalRule
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"></textarea>
</form>
