问题:前端在用v-html或者``渲染富文本编辑器的内容时,标签和类名都会被解析,但是没有渲染出富文本编辑器里的样式效果。
原因:在回显时候,不支持quill编辑出来的样式,因此生成的标签只有类名,没有样式。
解决办法:
1.引入用于渲染富文本编辑器的样式
// 富文本编辑器样式
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
引入样式的时候,如果没有架包。需要先导入架包。
npm i vue-quill-editor
2.HTML部分 将要渲染的元素用特定类名盒子包起来
<div class="ql-container ql-snow">
<div class="ql-editor" v-html="content" />
</div>
以上就保证页面渲染出来的效果和富文本编辑器样式一致了。