微信小程序中顯示html富文本的方法

使用方法：
git地址：https://github.com/icindy/wxParse

一、下載wxParse文件

 

 

二、在要引入的頁面的js文件中，引入文件

js文件中

var WxParse = require('../../../weui/wxParse/wxParse.js');

css文件中

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

頁面中

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

三、數據綁定

在page.js文件中綁定數據
如：

onLoad: function (options) {
var that = this;
var detail_content ="<div>我是HTML代碼</div>";
WxParse.wxParse('detail_content', 'html', detail_content, that, 5);
} //注意第一個參數需要與wxml中的一致

四、在page的wxml中引入模板

<view class="newsDt_wrap">
        <template is="wxParse" data="{{wxParseData:detail_content.nodes}}" />
        <view class="last_date">最后更新於：{{initDate.publish_time}}</view>
    </view>