小程序 wxParse 解析html

小程序默认不支持html格式的内容显示。小程序 wxParse 解析html

嗯，但是我想我可能今后会遇到蛮多就是类似富文本内容展示的功能。所以今天在做的同时就记录一下啦……

首先git上下载wxParse （我是从这儿下载的 https://github.com/icindy/wxParse）

下载解压后，我们需要里面的wxParse 文件夹，将wxParse整个文件夹放入pages文件夹中。

小程序 wxParse 解析html

把wxParse.js wxParse.wxss wxParse.wxml 三个文件，分别引入到你所需要实现解析的相关文件中，

js:

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

 var goods_info = res.data.goods_info;

 this.setData({

 goods_info: WxParse.wxParse('goods_info', 'html', goods_info, _this, 0), 
 })

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

 <view class='wxParse'>

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

 </view>

wxss:

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

效果：出现富文本中的内容（忽略样式，图片仅测试图；没调整小程序 wxParse 解析html ）：

小程序 wxParse 解析html