关于uni-app小程序 Vue-Quill-Editor编辑器的内容在样式丢失_quill富文本编辑器样式丢失

前言

关于pc端使用Vue-Quill-Editor插件，但是在小程序中，样式缺丢失问题

查找到Quill的样式

我们在pc端的quill包中找到以下的css文件，并放入在style文件夹中

<rich-text class="rich-text ql-editor" :nodes="details.newsContent | formatRichText"></rich-text>
1

在rich-text中加入样式标签ql-editor
并且在app.vue文件中引入

 @import '@/styles/quill/quill.bubble.css';
 @import '@/styles/quill/quill.core.css';
 @import '@/styles/quill/quill.snow.css';
1
2
3

*注意：不要在局部文件引入，因为在局部引入，scoped会在我们引入的css样式加上私有属性，这就回导致我们样式引入失败

效果展示