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

最新推荐文章于 2024-08-05 15:27:55 发布

芈文夏

最新推荐文章于 2024-08-05 15:27:55 发布

阅读量4.5k

点赞数 2

文章标签： javascript 正则表达式

本文链接：https://blog.csdn.net/x1394491995/article/details/106491038

版权

https://qm.qq.com/cgi-bin/qm/qr?k=vYS3jhM0ZFT5jMUvG_uPHCSZdi6w83l3&jump_from=webapi

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

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>