vue-quill-editor样式丢失
文章时间：2021年5月11日 14:04:50 解决问题：Quill在页面中样式丢失，无法显示富文本样式
ps：用富文本的情况有很多，例如在后台管理系统排版好的富文本页面，准备在移动端页面去显示，或者在官网显示，两个项目不在一起，在管理系统排好的样式在显示页面显示的一塌糊涂，为啥呢？大多数情况是样式没有引入。
解决
给容器增加一个class ql-editor，才能正常显示，另外前面是主题类名，不同的主题显示不同的样式
<link href="https://cdn.bootcdn.net/ajax/libs/quill/2.0.0-dev.4/quill.snow.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/quill/2.0.0-dev.4/quill.bubble.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/quill/2.0.0-dev.4/quill.core.css" rel="stylesheet"><pre v-html="content.content" class="pre ql-snow ql-editor"></pre>在线CDN地址：https://www.bootcdn.cn/quill/
参考教程：
vue-quill-editor富文本内容在页面中样式丢失：https://blog.csdn.net/chi1130/article/details/99890598
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021/05/11 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
内容分发网络 CDN
内容分发网络（Content Delivery Network，CDN）通过将站点内容发布至遍布全球的海量加速节点，使其用户可就近获取所需内容，避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题，有效提升下载速度、降低响应时间，提供流畅的用户体验。
腾讯云开发者
