在uniapp开发的小程序发现使用Vue-Quill-Editor编辑的富文本有bug

后台Vue-Quill-Editor编辑的富文本在小程序中样式无法正常显示，

这是小程序端显示的页面

这是后台使用Vue-Quill-Editor编辑的内容

发现标题没有居中，首行缩进，字体颜色，字体大小等也无法正常显示。不管是rich-text还是Wxparse富文本解释器都没有作用。

后来发现Vue-Quill-Editor编辑出的内容是配合相应的CSS样式一起实现的，小程序中没有没有相应的CSS样式，就无法正常显示

解决方法：

找到quill源文件，在dist目录下可以看到

quill.bubble.css

quill.core.css

quill.snow.css

1、这三个文件，把他复制到项目的其中一个文件家中

然后再App.vue引用这三个样式

/*Vue-Quill-Editor样式*/

@import 'mdui/quill.bubble.css';

@import 'mdui/quill.core.css';

@import 'mdui/quill.snow.css';

此时再运行到小程序仍然会报错

需要修改三个文件把所有待*号去掉即可

2、在小程序富文本中加入 class="ql-editor"

再次运行即可