Editor

A rich text editor component with comprehensive formatting capabilities. Features customizable toolbar with text formatting options, alignment controls, heading styles, and full-screen mode. Supports customizable appearance with various toolbar styling options.

Extends: fieldComponent

Fields

Name

Code

Data Type

Description

Height

height

text

Sets the height of the editor container

Push Toolbar

toolbarPush

boolean

Applies a pushed-in appearance to toolbar buttons

Tool Bar Outline

toolbarOutline

boolean

Applies an outlined style to the toolbar

Rounded Toolbar

toolbarRounded

boolean

Applies rounded corners to the toolbar

Toolbar Text Color

toolbarTextColor

text

Sets the color of text in the toolbar

Toolbar Toggle Color

toolbarToggleColor

text

Sets the color of toggle buttons in the toolbar

Toolbar Background Color

toolbarBackgroundColor

text

Sets the background color of the toolbar

Square

square

boolean

Applies square corners to the editor

Flat

flat

boolean

Removes elevation from the toolbar

Label

label

multi-locale

Display label for the editor

ID

resourceId

text

Unique identifier for the component

Style Classes

styleClasses

text

CSS classes for styling

Width

widthClass

text

Controls component width

Value

value

text

Editor content value

Visible

isVisible

boolean

Controls component visibility

Enabled

enabled

boolean

Controls whether component is enabled

Field Style

fieldStyle

text

Additional field styling options

Style

style

text

Custom inline styles

Methods

Name

Description

fromValue

Processes incoming value changes for the editor

toValue

Formats editor content value for output

Events

Name

Description

onChange

Triggered when the editor content changes

onBlur

Triggered when the editor loses focus

onFocus

Triggered when the editor gains focus