小程序 Vue-Quill-Editor编辑器的内容在小程序显示样式丢失_quill.setcontents样式丢失怎么解决 js

1.先在编辑器的quill文件夹中找到css文件，一共3个，quill.bubble.css、quill.core.css、quill.snow.css，把css改为wxss后缀；同时把文件中含有* 等报错的代码注释，因为小程序识别不了*

2.在wxss中添加引入： 

@import './quill.bubble.wxss';
 @import './quill.core.wxss';
 @import './quill.snow.wxss';

3.下载wxParse插件  在wxml页面引入文件：

<import src="../../wxParse/wxParse.wxml" />

<view class=" ql-editor"> //这里需要添加ql-editor类名  css才能生效

    <template is="wxParse"  data="{{wxParseData:artical.nodes}}" />

  </view>

4.在js文件中引入：

const WxParse = require('../../wxParse/wxParse.js');

          var artical = sysCourseVos.remark //要展示的内容

          that.setData({

            artical:  WxParse.wxParse('artical', 'html', artical,that, 5)    //设置内容

          });