开发小程序的某些详情时候,经常会遇到后台返回的HTML富文本编辑的内容,小程序无法正常解析,这时候我们常用的做法就是采用一些插件来完成页面的渲染。
微信小程序插件wx-parse
插件地址:https://github.com/icindy/wxParse
使用方法:
在GitHub下载wx-parse,直接放在小程序目录下,我放在了小程序utils的目录下:
在wxml引入插件:
<import src="../../wxParse/wxParse.wxml" />
然后在需要显示富文本的地方调用:
is="wxParse" data="{{wxParseData:article.nodes}}"/>
在js引入代码
const WxParse = require('../../utils/wxParse/wxParse.js');
在需要的字段使用wxparse,代码:(注意:article和content不要重复) that.setData({ content:WxParse.WxParse ('article', 'html', content, that, 5), })
百度小程序与字节跳动小程序同理。
百度小程序插件:bdParse
插件地址:https://gitee.com/sootou/bdparse
字节跳动小程序插件:ttParse
插件地址:https://github.com/shidejun1234/ttParse