微信小程序解析html富文本插件wxparse的使用

第一步:下载把wxparse文件放到根目录下

    第二步:引入<import src="../../wxParse/wxParse.wxml"/>  在xx.wxml页面

    第三步:引入@import "../../wxParse/wxParse.wxss";在xx.wxss页面

    第四步:引入var WxParse = require('../../wxParse/wxParse.js'); 在xx.js页面

    第五步:

onLoad()方法里使用

article_content:WxParse.wxParse('article_content', 'html', res.data.article_content, that, 5)

单条数据
/** 
* WxParse.wxParse(bindName , type, data, target,imagePadding) 
* 1.bindName绑定的数据名(必填) 
* 2.type可以为html或者md(必填) 
* 3.data为传入的具体数据(必填) 
* 4.target为Page对象,一般为this(必填) 
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) 
*/  

模板使用:


多组数组循环

/**
* WxParse.wxParseTemArray(temArrayName,bindNameReg,total,that)
* 1.temArrayName: 为你调用时的数组名称
* 3.bindNameReg为循环的共同体 如绑定为reply1,reply2...则bindNameReg = 'reply'
* 3.total为reply的个数
*/
var that = this;
WxParse.wxParseTemArray("replyTemArray",'reply', replyArr.length, that)


 模板使用:
--------------------- 
作者:Jasminna 
来源:CSDN 
原文:https://blog.csdn.net/weixin_42268006/article/details/82252222 
版权声明:本文为博主原创文章,转载请附上博文链接!


 

猜你喜欢

转载自blog.csdn.net/weixin_42268006/article/details/87966623#comments_21919198