小程序富文本轉化插件

小程序的富文本顯示問題一直是一個很大的問題

首先，他不允許之間在頁面上用變量顯示標簽

比如說在后台

var str="<image src='123.jpg'></images>"
that.setData({
   data:str 
})

前端頁面

{{data}}

 結果這樣是顯示不出來的，他會把這個當字符串處理，顯示的還是

<image src='123.jpg'></images>

而不是我們需要的圖片形式

我能想到的唯一辦法就是把內容和圖片用正則表達式截取出來。

截取出來了，那也就不能算是富文本了，因為只取了文字，加粗，字體顏色，我們都沒辦法弄

而且這樣真的比較麻煩

 

今天在網上找到一個大神寫的插件，比較牛，可以把html轉換到微信小程序里面使用

雖然不能100%轉化，但是絕大部分好像可以了

我們再用的時候用簡單的標簽就好了

 

網址是 https://github.com/icindy/wxParse

用法介紹上面也有，簡要說一下

復制壓縮包里面的wxParse文件夾

然后就是在頁面中引入js和css文件

接下來，我們在需要顯示的wxss頁面加上 template標簽

PS：有一點文檔上沒有說

模板的引用必須套上兩層標簽

<import src="../../wxParse/wxParse.wxml"/> 
<view class="wxParse">
    <template is="wxParse" data="{{wxParseData:txt.nodes}}"/>
</view>

 這樣就能顯示了