美文网首页
微信小程序-加载html代码并替换html转义符

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

作者: A大心 | 来源:发表于2020-04-15 17:23 被阅读0次

    最近改小程序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。

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

    相关文章

      网友评论

          本文标题:微信小程序-加载html代码并替换html转义符

          本文链接:https://www.haomeiwen.com/subject/ysxhvhtx.html