能够禁用primeNG编辑器框

Question

如果我们能够使用disabled属性禁用primeNG编辑器框，那将会很棒，类似于textarea提供的内容：

<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();
}

Answer 2

我知道OP请求了disabled，但是如果有人在寻找readonly，编辑器就会接受[readonly]属性。

例如：

<p-editor formControlName="desctiption" [style]="{'height':'120px'}" [readonly]="disable"></p-editor>

Answer 3

您可以使用 p-editor 的 [readonly] 属性并通过 true 强制它。 例子：

 <p-editor formControlName="desctiption" [style]="{'height':'120px'}"
 [readonly]="true"></p-editor>