支付宝小程序开发——rich-text富文本组件支持html代码

前言：

与微信小程序不同，支付宝小程序的富文本组件并不能直接支持html代码，如：

如上，支付宝小程序的富文本组件只支持数组类型，html代码需要使用 mini-html-parser 转换,具体用法后文详细说明。

mini-html-parser2：

1. 插件安装：

小程序开发者工具左侧文件列表界面空白处单击右键——在终端中打开：

支付宝小程序开发——rich-text富文本组件支持html代码

2.输入以下代码安装插件：

npm install mini-html-parser2 --save

安装完成后文件列表中就多了node_modules目录了：

支付宝小程序开发——rich-text富文本组件支持html代码

3.页面引入插件及调用：

//引入插件
import parse from 'mini-html-parser2';

//使用插件进行html代码转换(htmlStr为html代码，htmlNodes是转换后的数组)
parse(htmlStr, (err, htmlNodes) => {
    if (!err) {
       self.setData({
            htmlNodes
    　　});
    }
})

<rich-text nodes="{{htmlNodes}}" />