1. 程式人生 > >小程式中 rich-text 顯示富文字

小程式中 rich-text 顯示富文字

在使用 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>