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

Making Specific Paragraphs Non-Editable the Angular Editor


ProductProgress® Kendo UI® for Angular Editor


I want to make specific paragraphs non-editable in the Kendo UI for Angular Editor. How to achieve it?


To disable specific paragraphs and prevent the user for editing them, set the contenteditable attribute to false.

public value = `<p contenteditable="false">Non-editable text</p>`

By default, the Editor does not recognize the contenteditable attribute. That is why you need to modify the default schema and register the attribute by using the ProseMirror nodes and marks objects.

The following example demonstrates how to disable a single paragraph in Editor.

View Source
Change Theme:

In this article

Not finding the help you need?