小程式中 rich-text 顯示富文字
阿新 • • 發佈:2018-11-25
在使用 rich-text 來顯示fuwq富文字時需要注意後臺返回的資料是一個網頁轉義字元,直接使用rich-text的話是無法正常解析的。
那麼需要使用下面的一個方法進行反轉義即可
//小程式裡的轉義方法
escape2Html: function (str) {
var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' };
return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) { return arrEntities[t]; });
},
//呼叫在需要的地方直接呼叫即可。如:this.escape2Html(contents)
//然後在wxml中使用rich-text控制元件進行顯示即可
<view wx:if="{{contents!=''}}" class='content'>
<rich-text nodes="{{contents}}"></rich-text>
</view>
<view wx:else class='content2'>
暫無
</view>