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

项目中引用了vue-quill-editor这个富文本插件,然后:
编辑内容时正常
https://img1.mukewang.com/5c5012430001102906070409.jpg

上传后台,本地浏览时:

https://img1.mukewang.com/5c50124c0001287a04820268.jpg全部左对齐了...

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

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

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

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

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


神不在的星期二
浏览 8166回答 2
2回答

学习永不止步

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

一只甜甜圈

将 quill.core.scss 的样式拷贝一份到页面继承样式上
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5