Angular 禁用启动编辑器框的功能

Angular 禁用启动编辑器框的功能,angular,primeng,Angular,Primeng,如果我们可以使用disabled属性禁用Priming编辑器框,这将非常棒,类似于textarea的功能: 此文本区域变灰,无法进行交互。 但遗憾的是,这不起作用。你对我如何使用p-editor(priming编辑器)实现这一点有什么想法吗 p-editor正在引擎盖下使用羽毛笔编辑器,您可以使用禁用()方法: 您可以通过以下方式从组件获取对quill编辑器的引用: @ViewChild(Editor) editor:Editor; // "Editor" is the prime-ng c

如果我们可以使用disabled属性禁用Priming编辑器框,这将非常棒,类似于textarea的功能:


此文本区域变灰,无法进行交互。

但遗憾的是,这不起作用。你对我如何使用p-editor(priming编辑器)实现这一点有什么想法吗

p-editor
正在引擎盖下使用羽毛笔编辑器,您可以使用
禁用()
方法:

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

@ViewChild(Editor)
editor:Editor; // "Editor" is the prime-ng class definition
并创建如下方法:

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

我知道OP要求禁用
,但是如果有人在寻找
只读
,编辑器会接受
[readonly]
属性

例如:


您可以使用p-editor的[readonly]属性,并通过true将其强制执行。 例如:


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