Steps to Use the Trumbowyg Editor (Free for Commercial Use)
Install the ComponentDownload and install the Trumbowyg Editor component from Forge (ensure it's marked free for commercial use under the MIT License).
Reference the Web BlockIn your application, take a reference to the WbEditor Web Block from the installed Trumbowyg module.
WbEditor
Use the EditorAdd the WbEditor Web Block to your screen or layout where needed. Publish the application — the editor is now ready to use.
Optional: Use Supporting ActionsThe component includes client actions and utilities that allow you to interact with the editor — such as setting content, getting HTML, clearing content, and more — based on your use case.
Extended Button Descriptions:
Added detailed descriptions for additional Trumbowyg buttons:
JustifyLeft, JustifyCenter, JustifyRight, JustifyFull
JustifyLeft
JustifyCenter
JustifyRight
JustifyFull
UnorderedList, OrderedList, HorizontalRule
UnorderedList
OrderedList
HorizontalRule
Removeformat, Fullscreen, Upload, Base64, Noembed, Preformatted, Emoji
Removeformat
Fullscreen
Upload
Base64
Noembed
Preformatted
Emoji
New Configuration Section Added:
Introduced configurable editor properties like:
DefaultText, FontFamily, FontSize, Color, BackgroundColor
DefaultText
FontFamily
FontSize
Color
BackgroundColor
Alignment, ToolbarBackgroundColor, ToolbarFontFamily
Alignment
ToolbarBackgroundColor
ToolbarFontFamily
ToolbarFontSize, ToolbarHeight, ToolbarPadding
ToolbarFontSize
ToolbarHeight
ToolbarPadding
LineHeight, LetterSpacing, Padding, Margin, ReadOnlyThis update improves clarity and usability of Trumbowyg button and configuration documentation, helping developers quickly understand customization options for integration and styling.
LineHeight
LetterSpacing
Padding
Margin
ReadOnly