vue-quill-editor富文本内容在页面中样式丢失

现象

用富文本的情况有很多,例如在后台管理系统排版好的富文本页面,准备在移动端页面去显示,或者在官网显示,两个项目不在一起,在管理系统排好的样式在显示页面显示的一塌糊涂,为啥呢?大多数情况是样式没有引入。

解决

给容器增加一个class ql-editor,才能正常显示,另外前面是主题类名,不同的主题显示不同的样式

  "http://cdn.quilljs.com/1.3.4/quill.snow.css" rel="stylesheet">
  "http://cdn.quilljs.com/1.3.4/quill.bubble.css" rel="stylesheet">
  "http://cdn.quilljs.com/1.3.4/quill.core.css" rel="stylesheet">

我这边是snow,那么前缀就是ql-snow

<div class="ql-snow ql-editor" v-html="report.foreword">div>

关于图片上传之后无法提交,报413错误 [ Request Entity Too Large ],解决方法将图片上传到七牛云

你可能感兴趣的:(Vue)