Quill Editor中的Angular HTML字段，具有双向绑定功能

Question

有没有人有关于如何在Quill中包含HTML字段的信息？我希望数字字段与文本内联，并使用Angular的双向绑定。 Quill似乎在绑定到模型时删除了我的输入字段。

 this.myValue = 5;
 this.myModelVar = "Here is a text box <input [(ngModel)]='myValue' name='myvalue' type='text'></input>

我对任何事情都持开放态度，包括创建额外的observable，自己处理组件内外的通信，无论我需要做什么。

然而，在这一点上，我只是为了让输入框出现而挣扎。任何帮助将不胜感激。

Answer 1

我发现了一些丑陋的技巧，如何将包含HTML标签的字符串注入到羽毛笔编辑器中。

1. 将纤管编辑器值绑定到新属性[（ngModel）] =“ valueBind”
2. 在绑定之后，使用在羽毛笔编辑器显示之前发生的一些事件（在我的情况下 mat-tab-group：selectedIndexChange），然后将原始的“ value”属性克隆到“ valueBind”属性中-现在，羽毛笔编辑器正确显示了包含HTML标签的值
3. 保存操作之前，将“ valueBind”属性复制回“ value”属性。

Answer 2

我找到了答案，在项目存储库中，作者声称他们不会倾向于支持html。糟糕，所以我去了一个不同的编辑。

Answer 3

<quill-editor name="quilleditor" [(ngModel)]="course.extraDescription"
                          [styles]="{'min-height': '120px'}">
</quill-editor>

确保导入 { Forms } 并提供“name”属性。 提示：检查浏览器控制台。 调试愉快:)