微信小程序解析html

一：下载wxParse:  https://github.com/icindy/wxParse，只需要拷贝其中的wxParse文件夹到项目中。

二：在需要解析html的全局样式文件中引入wxParse.wxss，如果在app.wxss中引入的话，

    可能会影响自己的样式

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

 

三：在需要解析html的js文件中中引入wxParse.js: 

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

    this.setData({

        content:WxParse.wxParse('databinding','html','html代码',this,5);

        //databinding:数据绑定参数，在显示html时会使用

    })

四：在需要显示thml的位置添加标签：

<view class='view-html'>

    <template is='wxParseHtml' data={{wxParseData.databinding.nodes}} />

    //这里的databinging必须好js中的databinding一样

</view>

 

该方法已经过时了，微信自己提供了解析标签 <rich-text nodes="{{article_content}}"></rich-text>