本文通过一个例子讲述了用wxParse通过微信小程序解析html的方法。分享给大家参考,如下:
先去https://github.com/icindy/wxParse下载wxParse,复制wxParse文件夹就可以了。
或者点击这里下载。
首先,将插件文件夹复制到项目中
二、导入文件
首先,导入xx.wxml格式的文件,并在标题中写入:
导入src=' http:/./wx parse/wx parse . wxml '/然后用wxss导入文件,并写入文件头:
@import././wx parse/wx parse . wxss ';第三,在xx.js页面上写入onLoad()方法:
var WxParse=require('././wx parse/wx parse . js’);Wxparse.wxparse ('content ',' html ',content,that,5)这个方法的含义是:
Var article='div我是HTML代码/div ';/* * * wxparse.wxparse (bindname,type,data,target,imagepadding) * 1。bindname绑定的数据名称(必需)* 2 .类型可以是html或md(必需)* 3 .数据是特定数据(必需)* 4 .目标是Page对象。一般这个(必选)* 5.imagePadding是单个填充(默认为0,可选)*/var即=thisWxParse.wxParse('article ',' html ',article,that,5);四.模板参考:
//这里,数据中的内容是bindnametemplate is=' wx parse ' data=' { { wx parsedata : content . nodes } } '/代码示例:varlist=' div 55555555555555/div ' var那=thith . setdata({ content : wx parse . wx parse(' content ',' html ',list,that,5)})that . setdata({ title : list[0]。ari_name,//content:list [0]。art _ details,content:wxparse。wxparse('内容',' html ',列表[0]。art _ details,那,5)})希望这篇文章对微信小程序的开发有所帮助。