How can I disable the Quill editor

Question

I have a a template which displays rich text data. When the user clicks edit I turn the template into an editable Quill editor like so:

  'click #editNote': (e, t) ->
    note = t.find '.container'
    console.log note
    basicEditor = new Quill(note)

Then once the user clicks save I want to be able to disable the Quill editor. How can I do this?

Answer 1

Use this statement

var quill = new Quill('#editor-container');
quill.enable(false);

Answer 2

If you are using ngx-quill, use this code:

@ViewChild('quill') quill: QuillEditorComponent;

this.quill.setDisabledState(true);

Work for me

Answer 3

quill.disable() should do the trick.