微信小程序之wxParse解析HTML标签

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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值