angular - 能够禁用 primeNG 编辑器框

Question

如果我们能够使用禁用属性来禁用 primeNG 编辑器框，那就太好了，类似于文本区域的功能:

<textarea rows="3" cols="10" disabled="disabled">
This textarea is grayed out and disabled for interaction.
</textarea>

但遗憾的是这不起作用。您知道如何使用 p-editor(primeNG 编辑器)执行此操作吗？

Answer 1

p-editor 在底层使用 quill 编辑器，您可以使用 disable() 方法:http://beta.quilljs.com/docs/api/#disable

您可以通过以下方式从组件获取对 quill 编辑器的引用:

@ViewChild(Editor)
editor:Editor; // "Editor" is the prime-ng class definition

并创建一个如下方法:

myMethod() {
    this.editor.quill.disable();
}