支付宝小程序rich-text富文本的注意事项

首先，官方推荐的默认组件不支持图片。
官方推荐的插件

这个插件存在一个巨大的坑。用这个插件下的富文本的html字符串里的标签都需要闭合，比如说<br> 一定要是<br/> 最明显的是<img> 这样的一定要写成<img/> 否者支付宝小程序页面显示不出来。就很尴尬。所以这个项目就放弃用这个插件。改用WxParse 支付宝版的。

支持支付宝的插件，和微信用法一样。文件有所改动
话不多说，直接上代码~

首先页面是要引用的，路径自己改哈~

<import src="../../wxParse/wxParse.axml"/>

css 的引用

@import "../../wxParse/wxParse.acss";

js引入部分就需要多一点

var wxParse = require('../../wxParse/wxParse.js');
import HtmlToJson from '../../wxParse/html2json.js';
var wxDiscode = require('../../wxParse/wxDiscode.js');
var HTMLParser = require('../..//wxParse/htmlparser.js');

wxParse.wxParse('article', 'html', article, that, 5);

代码就不解释了，很一目了然。

页面引入

  <template is="wxParse" data="{{wxParseData:article.nodes}}"/>

百度云 永久分享链接 wxParse插件

链接：https://pan.baidu.com/s/1GpAp-nHtCafSwX_dcO-8AA 提取码：v2uh