微信小程序如何解析HTML标签

最近在项目中遇到了获取的数据是html标签基于小程序的但是网上提供的wxParse太过于麻烦了，那么如何简单的解决呢？
这里微信小程序文档给我们提供了一种 rich-text
如何使用？？
wxml代码

<rich-text nodes="{{content}}"></rich-text>

**js代码**// pages/details/details.js
Page({/*** 页面的初始数据*/data: {obj:{},content:''},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {//console.log(options.id)wx.request({url: 'https://api.it120.cc/sslcsq/shop/goods/detail?id='+options.id,success:(res)=>{// let str=res.data.data.content;// console.log(res.data.data)this.setData({obj:res.data.data,content:str.replace(/\<img/g,'<img style="width:100%"')//这里吧需要的正则替换一下，解决样式问题})}})},  /*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
})

微信小程序如何解析HTML标签相关推荐

php小程序的wxparse.js是什么,微信小程序如何解析HTML富文本（使用wxParse解析富文本的demo）...
1.把wxParse文件全部放入项目. 2.在wxml中import wxParse.wxml,并把template插入到到对应的位置上 {{title}} {{date}} {{time}} 3.在 ...
微信小程序中识别html标签的方法
微信小程序中识别html标签的方法前言 rich-text组件前言在后台接口返回的数据中有些会带有标签,在微信小程序中如何将其直接渲染在页面呢? rich-text组件在微信小程序中有一个组件 ...
微信小程序如何解析标签？
怎么解决小程序中解析标签的问题下面是我个人遇到的一些问题,因为小程序中是不支持<p>标签的,但是有一些接口返回的是一些带有标签的数据 1.第一种情况解析标签可以直接通过rich-text ...
微信小程序，解析回车符
在微信小程序的开发过程中,会遇到后端返回的文字内容,比如商城类的项目,登录的时候有注册协议,后端返回的一般是带入换行符的文不内容,就需要前端解析一下了! 示例:let content = rst.da ...
微信小程序python解析获取用户手机号_微信小程序获取用户手机号
获取微信用户绑定的手机号,需先调用wx.login接口. 小程序获取code. 后台得到session_key,openid. 组件触发getPhoneNumber 因为需要用户主动触发才能发起获取手 ...
一起脱去小程序的外套和内衣 - 微信小程序架构解析
推荐理由: 微信小程序从一出现就引起很多人的关注,它的公测就掀起了学习小程序开发的浪潮:今天在微信公众平台看到一条公告,小程序开始开放个人开发者申请注册,个人用户可以访问微信公众平台,扫码验证个人身份 ...
微信小程序——常用属性及标签
微信小程序最近在学习小程序开发,在学习的过程中感受到了内容之多,这里总结了一些小程序开发的一些常用属性与方法,更加具体的还得通过打开微信开放文档进行学习,在学习的过程中多打demo才是最好的学习方式 ...
转微信小程序行业解析
目前小程序刚刚公测,本篇文章主要是与大家交流一下关于小程序的一些想法.在小程序还没有公测时,已经有许多公司开始布局,很多人开始摩拳擦掌,众多创业者开始瞄准一个方向努力.本文按照优先级分小程序 App. ...
微信小程序与HTML5的标签差异梳理
小程序自己开发了一套WXML标记语言和WXSS样式语言,并非直接使用标准的HTML5+CSS3.因此,粗略的统计了一下之间的差异,有助于理解小程序,同时遇到HTML5转换小程序的时候,知道如何避开其中 ...

微信小程序如何解析HTML标签

微信小程序如何解析HTML标签相关推荐

最新文章

热门文章