微信小程序-加载html代码并替换html转义符

最近改小程序bug,需要加载html代码,并且后台返回的html代码里有转义符(类似&quot; <),身为一个安卓程序员,改小程序很是头疼,改了将近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。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容