I'm Sham
一个想做码农的行政文员

小程序制作笔记-使用wxParse解析html

前面有提到通过 wxParse 来解析后台传来的包含html标签的数据,今天来补充记录分享下。

首先就是下载Wxparse文件,下载地址和相关说明文档见:https://github.com/icindy/wxParse

将文件解压后,找到里面的wxParse文件夹,将它放到自己的小程序文件夹,可以放在pages文件夹外面。

然后第二步,就是引用

在你想要使用wxParse解析html数据的页面里,插入相应引用代码,首先来给js添加。在page({的上方,插入

然后比如你从后台得到一个数组article,然后需要解析的是里面的content数据,在你通过wx. request读取到后台数据后在success:function的{}里面,插入

js部分就好了;然后是wxml内容,在需要的位置插入

再下面就是在wxss引用wxParse的样式

这样,你再重新编译刷新下小程序,你就会发现,html数据被转化成小程序对应的数据给显示出来了。

当然,小程序本身自己也有解析富文本的组件,代码如下

目前个人感觉应该wxParse好用点,当然个人喜欢,官方rich-text组件的介绍地址如下,需要的自行研究吧:https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

赞(0) 赏杯咖啡!
未经允许不得转载:Sham@双目瞿 » 小程序制作笔记-使用wxParse解析html

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

如果你觉得文章好,请赏1杯速溶咖啡给Sham吧!

微信扫一扫打赏