微信小程序-加载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。

一名安卓程序员,迫于公司压力往小程序方面进行扩展学习,喜欢的给点一下关注,感谢大家支持!!

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