angular - 能够禁用 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 的[readonly]属性并通过true强制它。例子：

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

Answer 2

p-editor在后台使用羽毛笔编辑器，您可以使用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 3

我知道 OP 已要求disabled，但如果有人在寻找readonly编辑器接受[readonly]属性。

例如：

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