Richtexteditor Ui - ToolbarSettings

30 Sep 20261 minute to read

Configures the Toolbar settings of the RichTextEditor.

Properties

enable boolean

Specifies whether to render the Toolbar in the Editor.

Defaults to true

enableFloating boolean

Whether the toolbar remains visible while its scroll owner is scrolled.

Defaults to true

floatingOffset number

Non-negative vertical offset, in pixels, applied while floating.

Defaults to 0

items ToolbarItem[]

Defines the items displayed in the toolbar.

Defaults to *[‘Bold’, ‘Italic’, ‘Underline’, ‘Strikethrough’, ‘

’, ‘Formats’, ‘Alignment’, ‘BulletList’, ‘NumberedList’, ‘

’, ‘Link’, ‘Image’, ‘Table’, ‘

’, ‘Undo’, ‘Redo’]*

position ToolbarPosition

Defines whether the toolbar is rendered above or below the editor.

Defaults to ‘Top’

type ToolbarType

Defines the toolbar overflow and layout behavior.

Defaults to ‘Auto’

Events

itemClicked EmitType<ToolbarItemClickedEventArgs>

Event raised when a toolbar item is clicked in the component.

updatedToolbarStatus EmitType<UpdatedToolbarStatusEventArgs>

Raised after the toolbar item status (active states, dropdown values, color picker selections)
has been synchronized with the current editor selection. This event fires after formatting states
are updated to reflect the user’s current cursor position or selection in the editor.