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

Modifying the Schema

Each document of the Editor conforms to a specific schema which describes the nodes and the marks that the document may contain.

The nodes conform to the HTML elements such as paragraphs, headings, lists, tables, images, and so on. The marks conform to the inline formatting options such as Bold, Italic, FontSize, and so on. By modifying the default, built-in schema, you can add additional types of nodes and marks as well as edit and remove the existing ones.

Modifying the Default Schema

The following example demonstrates how to:

  • Add a new node to nodes object of the schema.
  • Add a new mark to marks object of the schema.
  • Add a custom attribute to the existing nodes.
Example
View Source
Change Theme:

Creating Custom Schema

The following example demonstrates how to implement a custom Editor schema.

Example
View Source
Change Theme: