支付寶小程序開發——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}}" />