Vue HtmlEditor Types

ContentReadyEvent

The type of the contentReady event handler's argument.

import { DxHtmlEditorTypes } from "devextreme-vue/html-editor"
Type: DxHtmlEditorTypes.ContentReadyEvent

DisposingEvent

The type of the disposing event handler's argument.

import { DxHtmlEditorTypes } from "devextreme-vue/html-editor"
Type: DxHtmlEditorTypes.DisposingEvent

FocusInEvent

The type of the focusIn event handler's argument.

import { DxHtmlEditorTypes } from "devextreme-vue/html-editor"
Type: DxHtmlEditorTypes.FocusInEvent

FocusOutEvent

The type of the focusOut event handler's argument.

import { DxHtmlEditorTypes } from "devextreme-vue/html-editor"
Type: DxHtmlEditorTypes.FocusOutEvent

HtmlEditorFormat

Specifies a format of the selected content.

Accepted Values: 'background' | 'bold' | 'color' | 'font' | 'italic' | 'link' | 'size' | 'strike' | 'script' | 'underline' | 'blockquote' | 'header' | 'indent' | 'list' | 'align' | 'code-block'

HtmlEditorImageUploadMode

Specifies how the HtmlEditor UI component uploads files.

Accepted Values: 'base64' | 'server' | 'both'

HtmlEditorImageUploadTab

Specifies the tab's name.

Accepted Values: 'url' | 'file'

HtmlEditorPredefinedContextMenuItem

Configures context menu items.

Accepted Values: 'background' | 'bold' | 'color' | 'font' | 'italic' | 'link' | 'image' | 'strike' | 'subscript' | 'superscript' | 'underline' | 'blockquote' | 'increaseIndent' | 'decreaseIndent' | 'orderedList' | 'bulletList' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'codeBlock' | 'variable' | 'undo' | 'redo' | 'clear' | 'insertTable' | 'insertHeaderRow' | 'insertRowAbove' | 'insertRowBelow' | 'insertColumnLeft' | 'insertColumnRight' | 'deleteColumn' | 'deleteRow' | 'deleteTable' | 'cellProperties' | 'tableProperties'

HtmlEditorPredefinedToolbarItem

Configures toolbar items.

Accepted Values: 'background' | 'bold' | 'color' | 'font' | 'italic' | 'link' | 'image' | 'size' | 'strike' | 'subscript' | 'superscript' | 'underline' | 'blockquote' | 'header' | 'increaseIndent' | 'decreaseIndent' | 'orderedList' | 'bulletList' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'codeBlock' | 'variable' | 'separator' | 'undo' | 'redo' | 'clear' | 'cellProperties' | 'tableProperties' | 'insertTable' | 'insertHeaderRow' | 'insertRowAbove' | 'insertRowBelow' | 'insertColumnLeft' | 'insertColumnRight' | 'deleteColumn' | 'deleteRow' | 'deleteTable'

InitializedEvent

The type of the initialized event handler's argument.

import { DxHtmlEditorTypes } from "devextreme-vue/html-editor"
Type: DxHtmlEditorTypes.InitializedEvent

MarkupType

Specifies in which markup language the value is stored.

Accepted Values: 'html' | 'markdown'

OptionChangedEvent

The type of the optionChanged event handler's argument.

import { DxHtmlEditorTypes } from "devextreme-vue/html-editor"
Type: DxHtmlEditorTypes.OptionChangedEvent

ValueChangedEvent

The type of the valueChanged event handler's argument.

import { DxHtmlEditorTypes } from "devextreme-vue/html-editor"
Type: DxHtmlEditorTypes.ValueChangedEvent