微信小程序富文本解析(完整demo:商品详情)

示例效果图:

                                   微信小程序富文本解析(完整demo:商品详情)_第1张图片       微信小程序富文本解析(完整demo:商品详情)_第2张图片

一、说明

           在小程序项目开发中,会遇到富文本编辑的内容,后台返回到小程序端无法解析,这时就需要一个插件来处理。

           微信小程序没有提供webview等html解析,原展示类文本没有办法图文并茂的原生展示,wxParse主要目的就是弥补富文本解析空缺的问题。

           可以这样理解:wxParse是专门解析后台给我们返回的html数据格式的数据的。

           插件下载地址:wxParse

二、使用方法

1、下载wxParse文件,将wxParse文件夹复制到自己的小程序项目中(放在与page同一级目录)

微信小程序富文本解析(完整demo:商品详情)_第3张图片        微信小程序富文本解析(完整demo:商品详情)_第4张图片     微信小程序富文本解析(完整demo:商品详情)_第5张图片

2、在项目文件中使用

(1)在wxml文件中引入wxParse.wxml模板,复制以下模板组件放到你要显示的富文本内容区