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将自动渲染您的对象并应用样式