New to Kendo UI for Vue? Start a free 30-day trial

EditorProps

Represents the props of the Kendo UI for Vue Editor component.

NameTypeDefaultDescription

ariaDescribedBy?

string

Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute.

ariaLabel?

string

The accessible label of the component.

ariaLabelledBy?

string

Identifies the element(s) which will label the component.

contentStyle?

object

Sets styles to the content element wrapper of the Editor.

defaultContent?

string

Sets the default HTML content of the Editor.

defaultEditMode?

string

Sets the initial edit mode of the Editor. Defaults to iframe.

dir?

string

Represents the dir HTML attribute.

extendView?

(event: EditorMountEvent) => void | EditorView

Fires each time the Editor is about to mount. Useful for configuring the EditorView object. To initialize EditorView, use the properties of the event object.

keyboardNavigation?

boolean

If set to false, it will turn off the built-in keyboard navigation of the Editor's Toolbar.

onBlur?

(event: EditorBlurEvent) => void

Fires when the Editor's content element has lost focus.

onChange?

(event: EditorChangeEvent) => void

Fires each time the value of the Editor is about to change.

onExecute?

(event: EditorExecuteEvent) => boolean | void

Fires each time the Editor is about to apply a transaction. To prevent the transaction, return false.

onFocus?

(event: EditorFocusEvent) => void

Fires when the Editor's content element has received focus.

onLoaded?

(event: EditorMountEvent) => void | EditorView

Fires each time the Editor is about to mount. Useful for configuring the EditorView object. To initialize EditorView, use the properties of the event object.

pasteHtml?

(event: EditorPasteEvent) => string | void

A funciton that fires each time the Editor is about to insert pasted content. Useful for modifying pasted content.

preserveWhitespace?

string | boolean

Defines the options that will be used for parsing the HTML. If false is set, the whitespace is collapsed as per HTML's rules. Pass true to preserve whitespace, but normalize newlines to spaces. full will preserve whitespace entirely.

Defaults to full.

resizable?

boolean

Specifies if the Editor will be resizable.

tools?

any[]

Sets the tools of the Editor. By default, the Editor renders no tools.

value?

string | Node

The value of the Editor.