我想要一个正则表达式代码,以替换所有" src"字符串到" data-src"仅适用于img标签。
这是一个例子:
<p>Lorem ipsum dolor sit amet.</p>
<p><img src="http://www.domain.com/images/test.jpg"></p>
<p>Lorem ipsum dolor sit amet.</p>
<p><iframe src="https://www.test.com/embed/4PJWKNOQIf4?list=PLMf7VY8La5RFDHl_LirAIRK1fhxBWIhqx" frameborder="0" width="300" height="169"></iframe></p>
应该是:
<p>Lorem ipsum dolor sit amet.</p>
<p><img data-src="http://www.domain.com/images/test.jpg"></p>
<p>Lorem ipsum dolor sit amet.</p>
<p><iframe src="https://www.test.com/embed/4PJWKNOQIf4?list=PLMf7VY8La5RFDHl_LirAIRK1fhxBWIhqx" frameborder="0" width="300" height="169"></iframe></p>
所以,这意味着所有&#34; src&#34; img标签中的属性应替换为&#34; data-src&#34;。
我试图使用这个正则表达式模式,但它不起作用。
对不起我的英语。
谢谢。
答案 0 :(得分:1)
使用DOM Parser ..但如果你想用regex做,你可以使用以下内容来匹配:
(<img\s*?)src
并替换为:
$1data-src
如果您在src
之前使用其他属性,则可以使用以下内容:
(<img.*?)src
请参阅DEMO