Making Specific Paragraphs Non-Editable the Angular Editor

Environment

Product

Progress® Kendo UI® for Angular Editor

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.

ts

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.

Change Theme

Theme

Loading ...