How to make Kendo Angular editor readonly or disabled

[exp]

Is there a way to make both the toolbar and editor and its content somehow readonly or disabled?

[Veselin]

Hi,

Thank you for your query. 

Yes, the Kendo UI for Angular Editor has built-in properties allowing you to set the state of the editor, its content, and the nested toolbar to both disabled or read-only altogether.

To set the disabled state of the component, use the [disabled] property as shown below: 

<kendo-editor [disabled]=true>
   <kendo-toolbar>
   </kendo-toolbar>
</kendo-editor>

 

To set the read-only state of the component, use the [readonly] property as shown below: 

<kendo-editor [readonly]=true>
   <kendo-toolbar>
   </kendo-toolbar>
</kendo-editor>

For more detailed information about these properties and the rest of the built-in properties of the component, you can refer to the component`s API. 

I hope this helps.

Regards,
Veselin
Progress Telerik