无法在Angular中自定义PrimeNG Quill Editor

插口

我正在使用PrimeNG编辑器(基于Angular 7项目中的Quill,我想自定义工具栏。尽管我已经尝试了HTML和JavaScript方面的一些配置选项,但我唯一要更新的是placeholder通过HTML方面的属性。这是我的方法(我将Editor定义为自定义控件):

#FormComponent.ts:

public controlDescription = new ControlEditor({
    key: 'Description',
    label: 'Description',
    required: true
});

this.controls = [this.controlDescription, ... ];


#FormComponent.html:

<div comp-dynamic-control [form]="form" [control]="controlDescription"></div>


#ControlEditor.html:

<p-editor [formControlName]="control.key" placeholder='Compose text...'></p-editor>


请注意,我还尝试使用FormComponent.html中的以下代码直接使用Editor(不使用“自定义编辑器”),但是尽管从'primeng / editor'中添加了导入{EditorModule},但页面上似乎没有编辑器;到ControlEditor.ts文件。任何想法?

<p-editor formControlName="description" [style]="{'height':'320px'}"></p-editor>
莫里斯

我使用的是Angular 9,对我来说,只有在为formats属性提供string array所有所需格式(按钮)属性时,自定义设置才起作用,然后我需要在html页面中添加按钮。按钮需要包含在p-header标签中,p-header标签需要包含在标签之间,p-editor如下所示:

<p-editor [(ngModel)]="value" [style]="{'height':'100px'}" formats="formats">
    <p-header>
       <span class="ql-formats">
        <button class="ql-bold" aria-label="Bold"></button>
        <button class="ql-italic" aria-label="Italic"></button>
       </span>
    </p-header>
</p-editor>

bolditalic按钮只会出现时,我也像这样的打字稿页的字符串数组定义它们:

formats: string[] = ['bold', 'italic'];

以下是所有其他选项:https : //quilljs.com/docs/formats/

别忘了添加formats="formats"到第一个p-editor标签

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章