//安装
npm install vue-quill-editor --save
//引入
import VueQuillEditor from 'vue-quill-editor'
Vue.use(VueQuillEditor)
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
...
...
//基础使用
<quill-editor
v-model="form.noticeContext"
style="height: auto;"
>
</quill-editor>
遇到的问题,form.noticeContext在其他地方预览的时候有些样式加不上
解决办法,需要在其他预览的外层的元素上加上class=“ql-editor”样式会正常显示。
<div class="content-details ql-editor" v-html="contents"></div>