在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

const readStream = fs.createReadStream(htmlFilePath);

// Should hopefully catch the errors
readStream.on('error', function(err) {
  res.end(err);
});

return readStream.pipe(htmlReplace('#root', markupStream))
  .pipe(replaceStream('__SERVER_DATA__', serialize(store.getState())))
  .pipe(res);