Search results

ToolbarSettings API in Vue RichTextEditor API component

Configures the toolbar settings of the RichTextEditor.

Properties

enable

boolean

Specifies whether to render toolbar in RichTextEditor.

Defaults to true

enableFloating

boolean

Specifies whether to enable/disable floating toolbar.

Defaults to true

itemConfigs

Object

Using this property, Modify the default toolbar item configuration like icon class.

Defaults to {}

items

[]

An array of string or object that is used to configure items.

Defaults to [‘Bold’, ‘Italic’, ‘Underline’, ’|’, ‘Formats’, ‘Alignments’, ‘OrderedList’,‘UnorderedList’, ’|’, ‘CreateLink’, ‘Image’, ’|’, ‘SourceCode’, ‘Undo’, ‘Redo’]

type

ToolbarType

Specifies the Toolbar display types. The possible types are:

  • Expand: Toolbar items placed within the available space and rest of the items are placed to the extended menu section.
  • MultiRow: Toolbar which placed at top of Rich Text Editor editing area.
  • Scrollable: All the toolbar items are displayed in a single line with horizontal scrolling enabled.

Defaults to Expand