富文本编辑器设置图片的宽度为100%并修改图片的src属性

var reContent= content.replace(/<img [^>]*src=[ "]([^ "]+)[^>]*>/gi,function(match,reSrc){
 
　　//reSrc,返回每个匹配的字符串
　　var newImg= <img src="https://127.0.0.1:8080 +reSrc+ " alt="富文本编辑器设置图片的宽度为100%并修改图片的src属性">;
　　return newImg;
});

列如下面的案例:

  <script>
      var content =
         <p>1111<img src="//exp-new.bdstatic.com/static/exp-pc/common-jquery/widget/search-box/img/logo_6115f97.png" alt="百度经验" /><img src="//exp-new.bdstatic.com/static/exp-pc/common-jquery/widget/search-box/img/logo_6115f97.png" alt="百度经验" /><img src="//exp-new.bdstatic.com/static/exp-pc/common-jquery/widget/search-box/img/logo_6115f97.png" alt="百度经验" /></p> ;
      var reContent = content.replace(
        /<img [^>]*src=[ "]([^ "]+)[^>]*>/gi,
        function (match, reSrc) {
          //reSrc,返回每个匹配的字符串
          var newImg =
             <img src="https://127.0.0.1:8080  +
            reSrc +
             "  style="width:100%;" /> ;
          return newImg;
        }
      );
      console.log(reContent);
    </script>

这样做的结果就是给每张图片加了一个style属性,并且修改了图片的src,结果如下: