正式与笔芯之间的整合

问题描述 投票:1回答:1

我使用formly使用Angular材质渲染反应形式。现在我尝试用quill (用于角度的文本编辑器)替换正常的textarea字段

formal和quill都可以单独正常工作,但是问题在于将quill编辑器作为正式字段。

我已经尝试过的内容:

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个回答
3
投票

只需跟随https://formly.dev/guide/custom-formly-field,就可以创建ngx-羽毛笔类型(这里是快速尝试https://stackblitz.com/edit/angular-elwtix。]

© www.soinside.com 2019 - 2024. All rights reserved.