在图像正则表达式周围添加链接标签和 rel="lightbox"答案

【问题标题】：Adding link tags and rel="lightbox" around images Regex在图像正则表达式周围添加链接标签和 rel="lightbox"
【发布时间】：2015-04-25 06:03:17
【问题描述】：

当我刚刚获得<image> 标签并且我想在它们周围添加链接标签以及 rel 灯箱属性时，如何更改此示例？我想不通。我根本不擅长正则表达式。

例子

$pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';

所以在我的情况下，我有<img src="...." class="...." alt=".....">

我需要<a href="....." rel="lightbox" title="....."><img src="...." class="...." alt="....."></a> 我将如何改变这个？感谢您的帮助。

【问题讨论】：

您的意思是 $_POST 请求吗？如果是，您通过表格发送的变量是什么，告诉您在图像中是否有灯箱？
哦，这是一个 wordpress 我明白你的意思了，我建议你通过执行以下操作找到 $post 变量中的内容：print_r($post)。然后，它应该返回您的帖子对象的结构。然后，您将能够看到判断它是否是图像以及是否使用灯箱的变量是什么
谢谢大家——我最近发现了一个可以做到这一点的函数，但我无法让正则表达式正常工作——请查看我的编辑。感谢您的帮助
见stackoverflow.com/a/20767976/2206004
您确定属性将始终按照相同的顺序排列吗？在<img>，首先是src，然后是class，然后是alt?

标签： php html regex wordpress

【解决方案1】：

不清楚您究竟想在这里做什么，但我会使用 DOM 来完成这项任务。

$doc = DOMDocument::loadHTML('
     <img src="www.foo.com/1.gif" class="foo" alt="...">
     <img src="www.bar.com/1.jpg" class="bar" alt="...">
     <img src="example.com/2.jpg" class="example" alt="...">   
');

foreach ($doc->getElementsByTagName('img') as $node) {
   $link = $node->ownerDocument->createElement('a');

   $a = $node->parentNode->insertBefore($link, $node);

   $a->setAttribute('href', $node->getAttribute('src'));
   $a->setAttribute('rel', 'lightbox');
   $a->setAttribute('title', 'some title');

   $a->appendChild($node);
}

echo $doc->saveHTML();

输出：

<a href="www.foo.com/1.gif" rel="lightbox" title="some title"><img src="www.foo.com/1.gif" class="foo" alt="..."></a>
<a href="www.bar.com/1.jpg" rel="lightbox" title="some title"><img src="www.bar.com/1.jpg" class="bar" alt="..."></a>
<a href="example.com/2.jpg" rel="lightbox" title="some title"><img src="example.com/2.jpg" class="example" alt="..."></a>

【讨论】：