quill.root.innerHTML 中的 quill 类不起作用

Question

我在 angular4 中使用 quill，但遇到了问题。我想在数据库中保存一个羽毛笔文本，我正在使用quill.root.innerHTML 来保存它。但是当我想显示文本时，它只应用生成的标签，例如或，但 class="ql-direction-rtl ql-align-center" 或 class="ql-size-large" 之类的类不适用于文本。 以下是代码：

html:

<select class="ql-align">
                <option selected=""></option>
                <option value="center"></option>
                <option value="right"></option>
                <option value="justify"></option>
              </select>

ts

//use to get text from db
this.quill.root.innerHTML = mail.mail.rows[0].content;

Answer 1

不，使用quill.root.innerHTML 只检索quill 生成的html

要加载文本，首先将其加载到 HTML 元素中，然后创建 Quill 对象的新实例：

<div ng-bind-html="quillEditor" id="myQuillEditor"> //Your Editor element </div>

JavaScript：

$scope.quillEditor= mail.mail.rows[0].content;

[...]

$scope.init = function(){

    new Quill('#myQuillEditor');

}

Quill 将自动渲染您的对象并应用样式