微信小程序富文本解析,wxparse示例详解

因为小程序目前是没有自带富文本解析的功能,所以借助wxparse插件进行富文本的解析,其实还是很常用的,至少到目前为止,做过的小程序设计到项目详情的时候,都用到了wxparse进行富文本解析.

关于为什么wxparse解析后的bindName可以直接使用,是因为在wxparse解析的文件中,会将解析后的bindName存储在data中,可以通过this.data.bindName拿到解析后的文本内容

一.初步用法

1. 在github上下载wxparse文件包到本地


2. 在app.wxss中引入全局富文本解析样式(以免在用到的地方再次引入样式)


3. 在js文件中定义wxparse ,同时在js文件中进行需要解析的内容的解析操作

const WxParse = require('../../../wxParse/wxParse.js');
// 富文本解析
const rich = res.data.articleContent
WxParse.wxParse('rich', 'html', rich, me, 0);


4. 在页面的使用,引入富文本解析模板,然后使用该模板