Components / Editor / API / EditorProps / 

EditorProps

Represents the props of the KendoReact 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.

className?

string

Sets additional classes to the Editor.

contentStyle?

React.CSSProperties

Sets styles to the content element wrapper of the Editor.

defaultContent?

string

Sets the default HTML content of the Editor.

defaultEditMode?

"div" | "iframe"

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

dir?

string

Represents the dir HTML attribute.

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.

onMount?

(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.

onPasteHtml?

(event: EditorPasteEvent) => string | void

Fires each time the Editor is about to insert pasted content. Useful for modifying pasted content.

preserveWhitespace?

boolean | "full"

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.

style?

React.CSSProperties

Sets styles to the Editor.

tools?

any[]

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

value?

string | Node

The value of the Editor.

In this article

Not finding the help you need?

Contact Support