2023-01-09 富文本编辑器vue-quill-editor使用注意

//安装
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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容