微信小程序剛開始出來的時候是沒有富文本組件的，後來出了一個開源的自定義富文本組件wxParse，再後來官方出了一個富文本組件，但是這個組件實在是不好用，這節就給大家說道說道這個兩個富文本組件的基本使用。
一、rich-text
官方推薦用數組來表示節點列表。首先需要給大家解釋下這個組件怎麼實現富文本的。這個組件主要是將獲取到的數據分成一段一段的，然後每一段的標籤屬性和內容分別用name、attrs以及children裡面聲明然後存放到data中，這樣在wxml中將數據賦值給rich-text就可以顯示出內容了。這個組件支持事件，但事件和html標籤都是有限制的，這個在官方也說明了，下面就來看看官方的說明文檔：
按照官方的文檔我們來做一個例子：
結構如下：
<rich-text>
效果如下：
到這裡大家可以自己想想，要是我從後臺獲取的一連串數據，我還需要自己來遍歷然後解析成上面這樣才能起作用。
最後官方給出了幾點注意事項：
二、wxParse
這個富文本組件就比官方的好用很多了，基本上和網頁上的大致相同。下面就來看看如何使用wxParse這個富文本組件。
下載核心文件：
我將下載的核心文件放在了utils文件夾中，當然這個大家根據自己情況可以隨意放置，只需要運用的時候修改相應的地址即可。
獲取數據代碼如下：
結構如下：
樣式如下：
最後效果為：
更多用法：
分享到:
閱讀更多 程序猿肸哥 的文章
