热门关键字:
jquery > jquery教程 > jquery教程 > WxParse解析HTML代码详解

WxParse解析HTML代码详解

369
作者:管理员
发布时间:2021/3/13 14:48:48
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4200
  一:下载:


  二:将wxParse文件夹粘贴到项目


  三:引入文件


  index.js文件中引入


  var WxParse = require(‘


  onLoad: function (e) {


  var article = ‘<div>我是HTML代码<img src=""></img></div>‘;


  WxParse.wxParse(‘article‘, ‘html‘, article, that, 5);   // 实例化对象


  },


  index.wxss


  @import "";


  index.wxml


  <import src="" />   // 引入文件


  <view class="content {{tabArr.curBdIndex==‘0‘? ‘active‘ : ‘‘}}"><template is="wxParse" data="{{wxParseData:article.nodes}}"></view>   // 这段放入需要显示的位置


  拓展:在实际应用中wx.request和wxParse一起使用有可能会出现,ajax请求属于同步与异步的问题,解决办法如下


  onLoad: function (e) {


  // 设置全局变量 商品id


  var that = this;


  that.gid = e.gid;


  // 获取详情


  that.requestGoodsInfo(that.gid);


  //console.log(that.data);


  //如果wxparse放这里,会出现数据为空(ajax异步这里是没有数据的);


  //var article = ‘<div>我是HTML代码<img src=""></img></div>‘;


  //WxParse.wxParse(‘article‘, ‘html‘, article, that, 5);


  },


  // swiper  幻灯片


  // 获取详情


  requestGoodsInfo:function(gid){


  var that = this;


  var goodsInfo = api.url.goodsInfo;


  //console.log(goodsInfo);


  wx.request({


  url: "",


  method:‘get‘,


  data:{gid:gid},


  success:function(res){


  //console.log(res.data.data);


  if(res.data.code ==0){


  that.setData({


  goods: res.data.data


  })      // 这里是完美方案


  //var article = ‘<div>我是HTML代码<img src=""></img></div>‘;    // 这里是文字版


  var article = res.data.data.content;     // 这里是ajax请求数据


  WxParse.wxParse(‘article‘, ‘html‘, article, that, 5);


  }else{


  wx.showLoading({


  title: ‘数据出现故障‘,


  duration: 1000,


  })


  }


  },


  fail:function(){


  wx.showLoading({


  title: ‘网络出现故障‘,


  duration: 1500


  })


  }


  })


  },


  其它:


  - wxParse/


  -wxParse.js(必须存在)


  -html2json.js(必须存在)


  -htmlparser.js(必须存在)


  -showdown.js(必须存在)


  -wxDiscode.js(必须存在)


  -wxParse.wxml(必须存在)


  -wxParse.wxss(必须存在)


  -emojis(可选)




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐