富文本插件vue-quill-editor生成内容后，字体对其方式无法生效

Question

项目中引用了vue-quill-editor这个富文本插件，然后：
编辑内容时正常

上传后台，本地浏览时：

全部左对齐了...

我看了一下它生成的字符：

<p class="ql-align-center"><strong style="color: rgb(0, 102, 204);">DDMAPP</strong></p>...

是类似与这种的，然后带有一个class="ql-align-center"样式类名,
我在页面上到处找，确实是找到了一个这个组件的样式文件，但是除了在富文本编辑器中，在页面上是无法继承样式，这些生成的dome节点，传给后台生成一个页面后，同样无法生效（压根就没有样式文件），除了其节点中自带的颜色，字号大小样式以外....

然后我就想把这个样式文件直接拼进富文本生成的字符串中...很干脆的直接提交失败

谁有用过富文本编辑器的经验？帮忙分享一下，如何解决这个操蛋的问题

Answer 1

前端代码元素上加上类名：<div class="ql-snow ql-editor" v-html="newsInfo.content" />

Answer 2

将 quill.core.scss 的样式拷贝一份到页面继承样式上