关于uni-app小程序 Vue-Quill-Editor编辑器的内容在样式丢失
前言关于pc端使用Vue-Quill-Editor插件,但是在小程序中,样式缺丢失问题查找到Quill的样式我们在pc端的quill包中找到以下的css文件,并放入在style文件夹中<rich-text class="rich-text ql-editor" :nodes="details.newsContent | formatRichText"></rich-text>
·
前言
关于pc端使用Vue-Quill-Editor插件,但是在小程序中,样式缺丢失问题
查找到Quill的样式
我们在pc端的quill包中找到以下的css文件,并放入在style文件夹中
<rich-text class="rich-text ql-editor" :nodes="details.newsContent | formatRichText"></rich-text>
在rich-text中加入样式标签ql-editor
并且在app.vue文件中引入
@import '@/styles/quill/quill.bubble.css';
@import '@/styles/quill/quill.core.css';
@import '@/styles/quill/quill.snow.css';
*注意:不要在局部文件引入,因为在局部引入,scoped会在我们引入的css样式加上私有属性,这就回导致我们样式引入失败
效果展示
更多推荐
已为社区贡献4条内容
所有评论(0)