微信小程序-解析富文本-实例代码

1.登录微信微信公众平台，打开设置>第三方设置>插件管理，添加插件wxParser

2.在小程序的项目中app.json文件里面配置

{
  "plugins": {
    "wxparserPlugin": {
      "version": "0.2.1",
      "provider": "wx9d4d4ffa781ff3ac"
    }
  }
}

3.在需要使用到该插件的小程序页面的 json 配置文件中，做如下配置：

{
  "usingComponents": {
    "wxparser": "plugin://wxparserPlugin/wxparser"
  }
}

 

 4.在页面的js文件中获取到富文本内容，并赋值给data里的变量parserText

  data: {
   parserText:'<p>首小时免费，超过1小时后每小时收取1元费用</p>',
  },

 5.在页面的wxml文件中使用

	<wxparser rich-text="{{parserText}}" />

---

我是17号特工，欢迎指正🔚