将 HTML 字符串中的 标签转换为自定义占位 标签。
此函数会查找 HTML 字符串中所有 标签,并将其替换为: <span class="custom-image" data-src="..."></span> 形式。 适用于懒加载、渲染优化或自定义图片组件的场景。
<span class="custom-image" data-src="..."></span>
⚠️ 仅转换具有 src 属性的 <img> 标签,保留其他属性将被忽略。
src
<img>
原始 HTML 字符串
替换后的 HTML 字符串,非字符串或空字符串将原样返回
replaceImgTagsWithSpans('<p><img src="a.jpg" /></p>');// 返回 '<p><span class="custom-image" data-src="a.jpg"></span></p>' Copy
replaceImgTagsWithSpans('<p><img src="a.jpg" /></p>');// 返回 '<p><span class="custom-image" data-src="a.jpg"></span></p>'
将 HTML 字符串中的
标签转换为自定义占位 标签。
此函数会查找 HTML 字符串中所有
标签,并将其替换为:
<span class="custom-image" data-src="..."></span>
形式。 适用于懒加载、渲染优化或自定义图片组件的场景。⚠️ 仅转换具有
src
属性的<img>
标签,保留其他属性将被忽略。