Einen Inhalt als nicht editierbar in Quilljs container markieren

Question

Ist es möglich einen Inhalt innerhalb eines Pinolenbehälters als nicht änderbar zu markieren? Angenommen, der Startbehälter div ist:

<div id="editor-container"> 
    <h1>This should not be editable.</h1> 
</div> 

Und mein Javascript ist einfach:

var quill = new Quill('#editor-container', { 
    modules: { 
    toolbar: [ 
     [{ header: [1, 2, false] }], 
     ['bold', 'italic', 'underline'], 
     ['image', 'code-block'] 
    ] 
    }, 
    theme: 'snow' 
}); 

Ich versuchte, das contenteditable Attribut auf die Überschrift auf false gesetzt, aber das hat nicht geholfen. Die Überschrift war im resultierenden Quill-Editor noch editierbar. Ich habe auch versucht, ein "readonly" -Attribut hinzuzufügen, aber das hat auch nicht funktioniert.

Ich habe die this jsfiddle erstellt, um die Readonly und zufrieden stellende Versuche zu zeigen.

Alle Ideen, wie dies zu tun wäre, würden sehr geschätzt werden!

Answer 1

sollte diese

basicEditor.editor.disable(); 
basicEditor.editor.enable();