前言

关于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样式加上私有属性，这就回导致我们样式引入失败

效果展示

关于uni-app小程序 Vue-Quill-Editor编辑器的内容在样式丢失相关推荐

uni.app小程序的ajax封装详细讲解
我懒得说了 //放url相同的片段 const rootUrl = ""// 示例: ajax({ url:'/api/login', param: param, method: ...
uni.app小程序登录页持久化存储和退出后清除本地缓存
持久化存储在store里面的user.js(自己创建的)中 export default {state: {status: false, //登录的状态,获取数据中status是1,登录成功时状态为 ...
uni.app小程序失焦聚焦，表单验证
<input type="text" placeholder="请输入手机号/邮箱/账号" v-model="username" @f ...
uni.app小程序实现跳转获取数据
式例如上图所示 (前提是点击索引获得的id与获得数据的id是一样的) 首先是获取文档的数据我用的async await来获取数据,也可以用.then方法获取数据 async onLoad() {le ...
小狐狸ChatGPT源码付费创作系统1.57独立开源版 + 小程序VUE前端+APP端最全安装配置教程
小狐狸GPT付费体验系统最新版系统是一款基于ThinkPHP框架开发的AI问答小程序,是基于国外很火的ChatGPT进行开发的Ai智能问答小程序.播播资源技术小编经过系统测试系统完全开源,即可拥有自己 ...
小狐狸ChatGPT付费创作系统1.57独立开源版 + 小程序VUE前端+APP端最全安装配置教程
小狐狸GPT付费体验系统最新版系统是一款基于ThinkPHP框架开发的AI问答小程序,是基于国外很火的ChatGPT进行开发的Ai智能问答小程序.播播资源技术小编经过系统测试系统完全开源,即可拥有自己 ...
uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能
uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能官网提供的api进行的开发,自我感觉没啥问题,但是在不同的端上好像有的好使有的不好使,暂时不知道啥 ...
uniapp中的分享功能实现(APP,小程序，公众号)
uniapp中的分享功能实现(APP,小程序,公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share,uni-app的App引擎已经封装了微信.QQ.微博的分 ...
省钱兄校园跑腿源码（公众号+APP+小程序+Android+IOS）校园跑腿社区跑腿同城跑腿任务兼职小程序uniapp前端模版
开源代码是用户端uniapp部分源码,使用hbuilder导入即可运行只提供参考学习使用!已经获得软著!不可商业使用!感谢支持 h5体验地址 h5:https://paotui.xianmxkj.c ...

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

前言

查找到Quill的样式

效果展示

关于uni-app小程序 Vue-Quill-Editor编辑器的内容在样式丢失相关推荐

最新文章

热门文章