如何给一段后台返回的富文本字符串,从中找到所有的img标签,给src加上属性属性值?
比如其中一个类似的富文本的字符串,找到其中所有的img标签,判断src属性有没有类似www.xxxx.com的值, 有的话就跳过,没有的话就给加上
样例富文本:
'<html>\r\n<body>\r\n<p><span><span><span><span><span>近日axasdfasdf</span></span><span>2022-2023</span><span><span>通报,对</span></span><span>2022</span><span><span>年以来先进个人。</span></span><span>12</span><span><span>月</span></span><span>5</span><span><span>日,获评“</span></span><span>2022-2023</span><span><span>年度”的单位和个人颁发证书。</span></span></span></span></span></p>\r\n<p> </p>\r\n<p><span><span><span><span><span><img alt src="/upload/BContent/20231212092650tu-1_20231211164143.jpg"></span></span></span></span></span></p>\r\n<p><span><span><span><span><span><span><span>图1\r\n 获奖集体和个人代表颁发证书</span></span></span></span></span></span></span></p>\r\n<p> </p>\r\n<p><span><span><span><span><span>(</span></span><span>http://www.abc.cn/</span><span><span>),是XXX业务平台,</span></span>2020<span>年起成为XXX平台。</span><span><span>平台用户包括XXX等</span></span><span>180</span><span><span>余家单位</span></span><span>2000</span><span><span>余个,桌面版、手机和网页版使用次数累计</span></span><span>8000</span><span><span>余次。</span></span><span><span>asdasfasdf队伍。</span></span></span></span></p>\r\n<p> </p>\r\n<p><span><span><span><span><img alt src="/upload/BContent/20231212092803tu-2_20231211164201.png"></span></span></span></span></p>\r\n<p><span><span><span><span><span><span><span>图2\r\n 服务平台</span></span></span></span></span></span></span></p>\r\n<p><span><strong><span><span><span><span>(</span></span><a href="http://www.abcxxx.cn/"><span>http://www.abcxxx.cn/</span></a><span><span>)</span></span></span></span></strong></span></p>\r\n</body>\r\n</html>\r\n'请多赐教..
function addPrefixToImg(html, prefix) {
const regexp = /<img[^>]+src="([^">]+)"/g;
const modifiedHtml = html.replace(regexp, (match, src) => {
if (!src.startsWith(prefix)) {
return match.replace(src, `${prefix}${src}`);
}
return match;
});
return modifiedHtml;
}e.g.
const modifiedHtml = addPrefixToImg(html, prefix);