js使用正则获取或 替换富文本编辑器中的src 属性(小程序的rich-text标签也适用)

例:var content = "<p>看看文章里的图片上传后能不能加载出来</p><p><img src="/upfile/2006/0115/1590997979404056911.jpg" title="1590997979404056911.jpg" alt="猫剪影.jpg"/></p><p>多张图片多张图片多张图片多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片</p><p><img src="/upfile/2006/0209/1591061098210007976.jpg" title="1591061098210007976.jpg"/></p><p><img src="/upfile/2006/0209/1591061098200080612.jpg" title="1591061098200080612.jpg"/></p><p><br/></p>"

1、获取拿到富文本编辑器中所有的src
 

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {         
  console.log(capture);
});
//upfile/2006/0115/1590997979404056911.jpg
//upfile/2006/0209/1591061098210007976.jpg
//upfile/2006/0209/1591061098200080612.jpg

2、js使用正则获取或 替换src 属性

if(res.matter.indexOf('img')!=-1){ //判断img是否存在
  var result = content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match,capture) {
  console.log(capture);
  return '<img src=' + app.host.substr(0,app.host.length-1) + capture+' style="max-width:100%;height:auto;display:block;margin:10px 0;"/>';
        });
        console.log(result);

}
//<p>看看文章里的图片上传后能不能加载出来</p><p><img src=host地址/upfile/2006/0115/1590997979404056911.jpg style="max-width:100%;height:auto;display:block;margin:10px 0;"/></p><p>多张图片多张图片多张图片多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片</p><p><img src=host地址/upfile/2006/0209/1591061098210007976.jpg style="max-width:100%;height:auto;display:block;margin:10px 0;"/></p><p><img src=host地址/upfile/2006/0209/1591061098200080612.jpg style="max-width:100%;height:auto;display:block;margin:10px 0;"/></p><p><br/></p>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章