微信小程序使用wxParse解析html的方法示例
程序员文章站
2023-11-23 23:26:40
本文实例讲述了微信小程序使用wxparse解析html的方法。分享给大家供大家参考,具体如下:
首先去 https://github.com/icindy/wxparse...
本文实例讲述了微信小程序使用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) })
希望本文所述对大家微信小程序开发有所帮助。
上一篇: c4d旋转命令怎么建模三维模型?
下一篇: 至善读书uread图文安装使用教程