小程序解析html和富文本編輯內容【親測有效】

首先去 https://github.com/icindy/wxParse 下載wxParse，只拷貝wxParse文件夾即可。

1、引入wxss 

@import "../../util/wxParse/wxParse.wxss";

2、引入wxml

<!--富文本編輯代碼解析開始-->
                <import src="../../util/wxParse/wxParse.wxml"/>
                <view class="wxParse">
                    <template is="wxParse" data="{{wxParseData:article_content.nodes}}"/>
                </view>
<!--富文本編輯代碼解析結束-->

3、引入js並加載數據

/**
 * 解析富文本編輯代碼
 * @type Module wxParse|Module wxParse
 */
var WxParse = require('../../util/wxParse/wxParse.js');

that.setData({ 
    rticle_content:WxParse.wxParse('article_content', 'html', res.data.data.content, that, 5)//解析富文本編輯代碼
});

 4、經后期測試發現，引入wxParse后，會導致部分安卓手機不能顯示頁面的數據的問題，解決方法見我另一篇文章：https://www.cnblogs.com/yuan9580/p/10243163.html