QuickToolbarSettings API in Vue RichTextEditor API component

Configures the quick toolbar settings of the RichTextEditor.

Properties

actionOnScroll

ActionOnScroll

Specifies the action to perform when scrolling the target-parent container.

Defaults to ‘hide’

audio

[]

Specifies the items to render in the quick toolbar when audio is selected.

Defaults to [‘AudioReplace’, ‘Remove’, ‘AudioLayoutOption’]

enable

boolean

Specifies whether to enable the quick toolbar in the RichTextEditor.

Defaults to true

image

[]

Specifies the items to render in the quick toolbar when an image is selected.

Defaults to [‘Replace’, ‘Align’, ‘Caption’, ‘Remove’, ’-’, ‘InsertLink’, ‘OpenImageLink’, ‘EditImageLink’, ‘RemoveImageLink’, ‘Display’, ‘AltText’, ‘Dimension’]

link

[]

Specifies the items to render in the quick toolbar when a link is selected.

Defaults to [‘Open’, ‘Edit’, ‘UnLink’]

showOnRightClick

boolean

Specifies whether the quick toolbar opens on right-click.

Defaults to false

table

[]

Specifies the items to render in the quick toolbar when a table is selected.

Defaults to [‘TableHeader’, ‘TableRows’, ‘TableColumns’, ‘BackgroundColor’, ’-’, ‘TableRemove’, ‘Alignments’, ‘TableCellVerticalAlign’, ‘Styles’]

text

[]

Specifies the items to render in the quick toolbar when text is selected.

Defaults to null

video

[]

Specifies the items to render in the quick toolbar when a video is selected.

Defaults to [‘VideoReplace’, ‘VideoAlign’, ‘VideoRemove’, ‘VideoLayoutOption’, ‘VideoDimension’]