ios兼容webp格式的图片

Posted 2020-11-13 林玖女神

小程序的富文本编辑框里上传了webp格式的图片，安卓手机可显示，ios手机不能正常显示，解决办法：

filterTag (str) {
    if (str) {
      let mapObj = {}
      mapObj[‘<img‘] = ‘<img style="max-width:100%;height:auto;"‘
      mapObj[‘article>‘] = ‘div>‘
      mapObj[‘header>‘] = ‘div>‘
      mapObj[‘footer>‘] = ‘div>‘
      mapObj[‘section>‘] = ‘div>‘
      mapObj[‘/strong>‘] = ‘/span>‘
      mapObj[‘<strong‘] = ‘<span class="strong"‘
      // 适配webp
      mapObj[‘&tp=webp‘] = ‘‘
      mapObj[‘tp=webp‘] = ‘‘
      mapObj[‘&wx_lazy=1‘] = ‘‘
      // 富文本可选中
      mapObj[‘<div‘] = ‘<div class="user-select"‘
      mapObj[‘<p‘] = ‘<p class="user-select"‘
      mapObj[‘<span‘] = ‘<span class="user-select"‘

      let re = new RegExp(Object.keys(mapObj).join("|"),"gi");

      return str.replace(re, function(matched){
        return mapObj[matched.toLowerCase()];
      })
    } else {
      return ‘‘
    }
  }

后台返回的富文本编辑内容content
调用上面的方法：

filterTag(content)