形式和鹅毛笔之间的整合答案

【问题标题】：integration between formly and quill形式和鹅毛笔之间的整合
【发布时间】：2020-01-14 19:41:52
【问题描述】：

我使用formly 使用 Angular 材质渲染反应形式。现在我尝试用quill （角度的文本编辑器）替换普通的textarea字段

formly 和 quill 分别可以正常工作，但问题在于将 quill 编辑器包含为 formly 字段。

我已经尝试过的：

this.fields=[
{
      key: "Quill",
      template: "<b>Quill:</b> <quill-editor></quill-editor>", //only <b>Quill</b> rendered
    },
    {
      key: "Quill2", 
      component: QuillEditorComponent, //hasn't been rendered
    },
  {
      key: "Quill3",
      type: "quill" //a custom type
    }
]

以上方法均无效！

我不想像那样制作单独的部分：

<formly-form [fields]="articleForm.fields1"></formly-form>
<quill-editor></quill-editor>
<formly-form [fields]="articleForm.fields2"></formly-form>

【问题讨论】：

标签： angular angular-material quill ngx-quill ngx-formly

【解决方案1】：

只需关注https://formly.dev/guide/custom-formly-field，您就可以创建 ngx-quill 类型（这里是一个快速尝试https://stackblitz.com/edit/angular-elwtix。）

【讨论】：