富文本数据回显样式适配

在vue2中使用 vue2-editor 富文本插件上传的数据，在前台通过v-html 渲染发现加粗、表格、有序无序列表样式不生效。

解决方法如下

1、下载 vue-quill-editor 插件

npm install vue-quill-editor --save

2、页面引入样式

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

3、在渲染的元素加class样式

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

举个🌰