Making Specific Paragraphs Non-Editable the Angular Editor

Environment

Description

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

Solution

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

Copy Codepublic 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.