Editor missing disable property

[Giuseppe]

Hi All,

i need to disable the input of an Editor control in my vuejs project but seems that Kendo-Editor do not have a property like contenteditable/disabled/readonly i prefer not to deal with a layer of some z-index div to workaround this needs.

Is there any way (like the one with jquery to set the contenteditable to false) to achive this?

 

Thanks a lot

[Petar]

Hi Giuseppe,

Here is a StackBlitz example demonstrating how the contenteditable can be used in the context of the Kendo UI for Vue Editor Wrapper. The code that makes Editor's content readonly is the one you can find in the mounted hook of the solution:

var editor = this.$refs.editor.kendoWidget(),
  editorBody = $(editor.body);

// Make the Editor read-only.
editorBody
  .removeAttr('contenteditable')
  .find('a')
  .on('click.readonly', false);

Check the sample project and let me know if you have questions about it.

Regards,
Petar
Progress Telerik