vue-quill-editor 富文本样式失效

今天发现回显富文本时没有展示设置的效果。

下图为富文本回显效果 ，第一段文字设置了引用，前面没有灰色的标识，第二段文字，对齐方式设置了居中对齐也没有展示出来：

F12看元素的样式发现对应的样式都生成了 class 类名：

原因：

在回显时候，不支持quill编辑出来的样式，因为生成的标签只有类名，没有样式。

解决方法：

引入样式文件，将回显的html内容，包裹在一个div容器中，并加上对应的class。

引入样式：

import 'quill/dist/quill.snow.css'

回显的 div 加上对应的class：

<div class="ql-container ql-snow">
     <div class="ql-editor" v-html="formData.content" />
</div>

这下再看，问题解决啦：