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>

 

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