最近改小程序bug,需要加載html代碼,並且後臺返回的html代碼裏有轉義符(類似" <),身爲一個安卓程序員,改小程序很是頭疼,改了將近2個小時,終於是修改好了(不容易呀,還是安卓舒服)。以下是修改之後的效果圖:
先進行轉義,以下代碼
replaceSpecialChar (str) {
str = str.replace(/&quot;/g, '"');
str = str.replace(/&amp;/g, '&');
str = str.replace(/&lt;/g, '<');
str = str.replace(/&gt;/g, '>');
str = str.replace(/"/g, '"');
str = str.replace(/&/g, '&');
str = str.replace(/</g, '<');
str = str.replace(/>/g, '>');
str = str.replace(/ /g, ' ');
return str;
}
之後就可以調用函數使用
this.replaceSpecialChar(' ')
轉義完成之後,需要去進行展示,我們可以使用wxParse去顯示html格式的內容。當然還有另一種方法,就是微信官方提供給我們的一個組件rich-text,我用的是後者。至此就完美的解決掉了這個bug。
一名安卓程序員,迫於公司壓力往小程序方面進行擴展學習,喜歡的給點一下關注,感謝大家支持!!