option: readOnly doesn't work

[cfabregas]

version: "vue": "2.3.3", "vue-quill-editor": "^3.0.6"

option: { readOnly: true, theme: 'bubble' } but i can still edit, sorry to bother, have a nice day!

[ruwang]

readOnly: true not working for me as well. To enable/disable the editor, you have to bind the disabled to the component like this:

<quill-editor
      v-model='content'
      :options='editorOption'
      :disabled='disabled'
></quill-editor>

Then you can toggle the disabled in your data property.

[BH-NOTHING]

It should be the problem of the source，I have the same problem，disabled is a good point

[divawth]

I have the same question and disable doesn't work either . So I want to ask you how do you show the content generated by the editor.

[JaneHu1109]

use [email protected] plz.

[crazyaguai]

I set disabled,and it work!

[arivera12]

The readOnly options isn't working but :disabled='disabled' is working as expected. Thanks!

[yesw6a]

readOnly: true not working for me as well. To enable/disable the editor, you have to bind the disabled to the component like this:

<quill-editor
      v-model='content'
      :options='editorOption'
      :disabled='disabled'
></quill-editor>

Then you can toggle the disabled in your data property.

This is a good idea and now I success to make it disabled.

[amanzyw]

yeah，the readonly property is not work，but :disabled='true' is worked

[prebm]

<quill-editor
      v-model='content'
      :options='editorOption'
      :disabled='disabled'
></quill-editor>

Then you can toggle the disabled in your data property.

With multiple editors on one page this does not work quite well. What did the trick for me was to initially disable all editors with :disabled='disabled' and then listen on the @focus-event.

onEditorFocus(quill) {
  if (!quill.isEnabled()) {
    quill.enable()
    quill.focus()
  }
}