无名阁,只为技术而生。流水不争先,争的是滔滔不绝。

wxParse 微信小程序 常用解析html的方法 实现示例1(图文详解)

javascript Micheal 8个月前 (11-28) 229次浏览 已收录 0个评论 扫描二维码
wxParse 微信小程序 常用解析html的方法 实现示例1(图文详解)

wxparse

wxParse 微信小程序 常用解析html的方法

序言:在实际开发项目中遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过以下三种方式来进行数据渲染。

第一种:通过小程序自带的标签进行 rich-text 数据渲染

文档地址:
https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

使用方法:

1、在page.js中将从接口中获取的值传给content

Page({
  data: {
    content:''
  },
  onLoad: function () {
    var that = this;
    wx.request({
        url: '', 
        method: 'POST',
        data: {
            'id':15
        },
        header: {
            'content-type': 'application/json'
        },
        success: function(res) {
            var content = res.data['content'];//对应富文本编辑器的内容
            that.setData({
            	content:content
            })
        }
    })
  }
})

2、在page.wxml中进行数据输出

点击展开
喜欢 (0)
[]
分享 (0)
关于作者:
流水不争先,争的是滔滔不绝
发表我的评论
取消评论

评论审核已启用。您的评论可能需要一段时间后才能被显示。

表情 贴图 加粗 删除线 居中 斜体 签到