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标签的字符串注入到quill编辑器中。

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

Answer 2

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