New to Kendo UI for VueStart a free 30-day trial

Using Plugins

Updated on Jun 29, 2026

The Kendo UI for Vue Native Editor is based on the ProseMirror library. ProseMirror provides a set of tools and concepts for building rich text editors, using user interface inspired by what-you-see-is-what-you-get.

Concepts

The ProseMirror plugin system enables developers to create custom tools and functionality. One of the main building blocks of each editor is its EditorState object. The state is created through a static create method which takes a configuration object, containing the starting document node, the schema, and a collection of plugins which will be active in this state.

Plugins are instances of the Plugin class and can model a wide variety of features. The basic ones only add some properties to the editor view to respond to certain events, for example. More complicated features may add a new state to the editor and update it based on transactions.

For further details about the ProseMirror plugins, refer to the this ProseMirror guide.

Placeholders

You can use a plugin to provide a placeholder functionality for the Editor which is similar to the placeholder attribute of the HTML input element.

Change Theme
Theme
Loading ...

Read Only

A Read-Only functionality can be implemented using a plugin as well.

The following example demonstrates how to implement a plugin which provides Read-Only functionality.

Change Theme
Theme
Loading ...
In this article
ConceptsPlaceholdersRead OnlySuggested Links
Not finding the help you need?
Contact Support