手机版

微信小程序如何使用wxParse解析html的示例

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

本文通过一个例子讲述了用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)})希望这篇文章对微信小程序的开发有所帮助。

版权声明:微信小程序如何使用wxParse解析html的示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。