本文实例讲述了微信小程序使用wxparse解析html的方法。分享给大家供大家参考,具体如下:
首先去 https://github.com/icindy/wxparse 下载wxparse,只拷贝wxparse文件夹即可。
或者点击此处。
一、首先将插件文件夹复制到项目里面
二、导入文件
首先在xx.wxml导入文件,在文件头写上:
<import src="../../wxparse/wxparse.wxml"/>
然后再wxss导入文件,在文件头写上:
@import "../../wxparse/wxparse.wxss";
三、在页面xx.js里的onload()
方法里面写上:
var wxparse = require('../../wxparse/wxparse.js'); wxparse.wxparse('content', 'html', content, that,5)
此方法的含义为:
var article = '<div>我是html代码</div>'; /** * wxparse.wxparse(bindname , type, data, target,imagepadding) * 1.bindname绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为page对象,一般为this(必填) * 5.imagepadding为当图片自适应是左右的单一padding(默认为0,可选) */ var that = this; wxparse.wxparse('article', 'html', article, that,5);
四、模板引用:
//这里data中content为bindname <template is="wxparse" data="{{wxparsedata:content.nodes}}"/> 代码示例: var list = "<div>55555555555555555</div>" var that=this that.setdata({ content: wxparse.wxparse('content', 'html', list, that, 5) }) that.setdata({ title: list[0].ari_name, // content: list[0].art_details, content: wxparse.wxparse('content', 'html', list[0].art_details, that, 5) })
希望本文所述对大家微信小程序开发有所帮助。
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论