EditorComponent

Represents the Kendo UI Editor component for Angular.

Selector

kendo-editor

Inputs

Name	Type	Default	Description
applyToWord	boolean | ApplyToWordOptions	false	If set to true or ApplyToWordOptions object, commands that apply emphasis or inline styles will be applied to the whole word the cursor is in.
disabled	boolean		Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the article on Forms Support.
iframe	boolean	true	If set to false, the Editor will run in style non-encapsulated mode. This means that the styles of the page will be persisted in the Editor and its content will be affected by them.
iframeCss	EditorCssSettings		Allows applying custom CSS styles to the Editor in iframe mode.
pasteCleanupSettings	PasteCleanupSettings		Configures how pasted content is modified before it is added to the Editor (see example).
placeholder	string		The hint, which is displayed when the component is empty.
plugins	PluginsFn		Defines a function which determines the plugins that will be used when initializing the Editor. It exposes the default plugins collection as an argument, and returns the plugins collection that will be used when creating the Editor component. (see example)
preserveWhitespace	boolean | "full"	false	By default, whitespace is collapsed as per HTML's rules. Set to true to preserve whitespace, but normalize newlines to spaces. Set to 'full' to preserve whitespace entirely. In this case the default ProseMirror behavior is to parse white space into nodes.
readonly	boolean	false	Sets the read-only state of the component.
resizable	boolean | EditorResizableOptions	false	Determines whether the Editor can be resized (see example).
schema	Schema<any>		Allows providing a custom schema. (see example)
value	string		Sets the value of the Editor (see example).

Fields

Name	Type	Default	Description
selectionText	string		Returns the text which the current Editor selection contains (see example).
view	EditorView		Returns the ProseMirror EditorView object that manages the DOM structure that represents an editable document.

Events

Name	Type	Description
blur	EventEmitter<undefined>	Fires when the content area of the Editor is blurred (see example).
focus	EventEmitter<undefined>	Fires when the content area of the Editor is focused (see example).
paste	EventEmitter<EditorPasteEvent>	Fires when the user performs paste in the content area of the Editor (see example). The event is preventable. If you cancel it, the Editor content will not change.
valueChange	EventEmitter<string>	Fires each time the value of the Editor is changed upon user interaction— for example, when the value is updated through typing in the content area or using some of the Editor tools (see example). When the value of the Editor is programmatically changed through its API (ngModel) or form binding (formControl), the valueChange event is not triggered because it might cause a mix-up with the built-in valueChange mechanisms of the ngModel or formControl bindings.

Methods

blur
Manually blur the Editor.

exec
Executes a command on the currently selected text (more information and example).
Parameters commandName EditorCommand The command that will be executed. attr? any Optional parameters for the command.

focus
Manually focus the Editor.

openDialog
Opens a dialog.
Parameters dialogName DialogCommand The name of the dialog that will open.