js处理富文本

需求：处理富文本中img地址，给其url加上 ?x-oss-process=style/w480， 以优化图片大小

txt富文本：

处理方法

//在使用的地方调用即可

getImgSrc (richtext) {
      // richtext 需要处理的富文本 string
      var text= richtext
      var richImg = /<img [^>]*src=['"]([^'"]+)[^>]*>/g // img 标签取src里面内容的正则
      var v = text.match(richImg ) // 取到所有img标签 放到数组 s里面
      //  做个简单的判断，防止有些富文本没有图片进去遍历报错
      if(v) {
      for (var i = 0; i < v.length; i++) {
        var srcImg = v[i].replace(richImg , '$1') // 取src面的内容
        text = text.replace(new RegExp(srcImg, 'g'), srcImg + '?x-oss-process=style/w480')
        }
      }
      return a
    }

处理后