支付寶小程序開發——rich-text富文本組件支持html代碼

前言：

與微信小程序不同，支付寶小程序的富文本組件並不能直接支持html代碼，如：

如上，支付寶小程序的富文本組件只支持數組類型，html代碼需要使用 mini-html-parser 轉換,具體用法后文詳細說明。

mini-html-parser2：

1. 插件安裝：

小程序開發者工具左側文件列表界面空白處單擊右鍵——在終端中打開：

2.輸入以下代碼安裝插件：

npm install mini-html-parser2 --save

安裝完成后文件列表中就多了node_modules目錄了：

3.頁面引入插件及調用：

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

//使用插件進行html代碼轉換(htmlStr為html代碼，htmlNodes是轉換后的數組)
parse(htmlStr, (err, htmlNodes) => {
    if (!err) {
       self.setData({
            htmlNodes
    　　});
    }
})            

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