微信小程序-加載html代碼並替換html轉義符

最近改小程序bug,需要加載html代碼,並且後臺返回的html代碼裏有轉義符(類似" <),身爲一個安卓程序員,改小程序很是頭疼,改了將近2個小時,終於是修改好了(不容易呀,還是安卓舒服)。以下是修改之後的效果圖:

在這裏插入圖片描述

先進行轉義,以下代碼
replaceSpecialChar (str) {
    str = str.replace(/&amp;quot;/g, '"');
    str = str.replace(/&amp;amp;/g, '&');
    str = str.replace(/&amp;lt;/g, '<');
    str = str.replace(/&amp;gt;/g, '>');

    str = str.replace(/&quot;/g, '"');
    str = str.replace(/&amp;/g, '&');
    str = str.replace(/&lt;/g, '<');
    str = str.replace(/&gt;/g, '>');
    str = str.replace(/&nbsp;/g, ' ');
    return str;
  }
之後就可以調用函數使用
this.replaceSpecialChar('  ')

轉義完成之後,需要去進行展示,我們可以使用wxParse去顯示html格式的內容。當然還有另一種方法,就是微信官方提供給我們的一個組件rich-text,我用的是後者。至此就完美的解決掉了這個bug。

一名安卓程序員,迫於公司壓力往小程序方面進行擴展學習,喜歡的給點一下關注,感謝大家支持!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章