首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何用<amp-img>标记替换<img>中的标记?

如何用<amp-img>标记替换<img>中的标记?
EN

Stack Overflow用户
提问于 2017-08-10 22:53:53
回答 4查看 7.3K关注 0票数 1

我想把超文本标记语言页面转换成Google AMP页面,我有这个问题,我有很多<img>,我想转换成<amp-img>标签。

例如,我想转到:

代码语言:javascript
复制
<img src='apa.png'><br>
hi bro <img src="c.png'>

变成类似这样的东西:

代码语言:javascript
复制
<amp-img src="apa.png" width="800" height="684" layout="responsive" alt="AMP"></amp-img><br/>
hi bro <amp-img src="c.png" width="800" height="684" layout="responsive" alt="AMP"></amp-img>

我曾尝试用PHP替换这些标记,但不起作用。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-08-10 23:22:18

您可以使用preg_replace将模式替换为字符串(http://php.net/manual/en/function.preg-replace.php)。

尝试以下代码:

代码语言:javascript
复制
echo htmlentities(preg_replace(
    '/<img src="([^"]*)"\s*\/?>/', 
    '<amp-img src="$1" width="800" height="684" layout="responsive" alt="AMP"></amp-img>', 
    '<img src="apa.png"><br>hi bro <img src="c.png">'
));
票数 5
EN

Stack Overflow用户

发布于 2018-07-25 06:09:55

我只是处于这样一种情况:我需要更改一个元字段(一个WordPress自定义所见即所得字段)中的所有图像标签,我认为这可能会对其他人有所帮助。这段代码基本上是这里发布的一些响应的组合,稍作修改,因为<img>标记在src之前有额外的信息:

代码语言:javascript
复制
   echo preg_replace(
        '/<img .*? src="([^"]*)" .*?>/', 
        '<amp-img src="$1" width="600" height="600" layout="intrinsic" alt="AMP"></amp-img>', 
        $meta_field_output
    );
票数 3
EN

Stack Overflow用户

发布于 2017-08-10 23:11:21

如果这个超文本标记语言出现在超文本标记语言文件中,那么你需要做的就是进行搜索--用<amp-img width="800" height="684" layout="responsive" alt="AMP" src=替换<img src=

如果您有一个能够使用常规表达式查找和替换的编辑器,请在FIND上使用以下正则表达式:

代码语言:javascript
复制
 <img src=("|')(.*)'>

REPLACE上如下所示:

代码语言:javascript
复制
<amp-img src="$2" width="800" height="684" layout="responsive" alt="AMP"</amp-img>

我在Dreamwearver上试过了,它对我很有效。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45617101

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档