在Quilljs容器中将某些内容标记为不可编辑

Question

是否可以将套管容器内的某些内容标记为不可修改？例如，假设起始容器div是：

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

我的javascript很简单：

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

我尝试将标题上的contenteditable属性设置为false，但这没有帮助。在生成的Quill编辑器中，标题仍可编辑。我也尝试添加“readonly”属性，但这也不起作用。

我已经创建了this jsfiddle以显示只读和满足的尝试。

任何关于如何做到这一点的想法将不胜感激！

Answer 1

这应该没问题

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

Answer 2

我们可以使用现有的功能来禁用编辑器Quilljs Docs

quill.enable(false);
quill.disable();