三行代码,完美解决vue-quill-editor富文本样式失效问题
今天开发vue项目中遇到个问题,富文本回显失效,首先排查的css文件是否引入,后面发现不是文件引入的问题,只需要一个Calss 完美解决样式失效问题
vue-quill-editor富文本样式失效
检查下css文件是否引入成功
重点检查v-html 回显代码片段
解决方法:将回显的html内容,包裹在一个div容器中,并加上对应的class,
代码如下:
<div class="ql-container ql-snow">
<div class="ql-editor" v-html="list.content">
</div>
设置好后,咱们看下效果~ 完美运行~~
发布于 2021-03-29 10:32