github:下载 https://github.com/icindy/wxParse
需求:微信小程序解析html标签
1.下载wxParse放入微信小程序文件夹内
2.引入到需要xxx.js文件中
var WxParse = require('../../wxParse/wxParse.js');
3.使用wxParse方法解析HTML
wx.request({
url: xxx,
data: xxx,
method: 'POST',
header: {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
success: function(res) {
var Content = res.data.Content; //获取到html内容
WxParse.wxParse('topic' 'html', Content [k].DescribeHtml, that); //解析html
if (k === RouteList.length - 1) {
WxParse.wxParseTemArray("detailsList", 'topic', Content .length, that)
}
let detailsList = that.data.detailsList; //在解析后的数组中添加
detailsList.map((item, index, arr) => {
arr[index][0].LongTitle = RouteList[index]['LongTitle'];
arr[index][0].ScenicId = RouteList[index]['ScenicId'];
});
}
4.引入到需要xxx.html文件中
<import src="../../wxParse/wxParse.wxml" />
5.html页面引入模板。
<view wx:key="{{item}}" wx:for="{{detailsList}}" wx:for-index="idx">
<view class='font_c2 font_b' id="Base{{item[0].ScenicId}}">{{idx+1}}.{{item[0].LongTitle}}</view>
<template is="wxParse" data="{{wxParseData:item}}" />
</view>