码迷,mamicode.com
首页 > 移动开发 > 详细

ios兼容webp格式的图片

时间:2019-09-16 17:57:20      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:let   文本   height   上传   function   程序   sel   适配   ase   

小程序的富文本编辑框里上传了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)


 

ios兼容webp格式的图片

标签:let   文本   height   上传   function   程序   sel   适配   ase   

原文地址:https://www.cnblogs.com/linjiu0505/p/11528598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!