preg_replace 所有 <img> 参数

Question

我已将所见即所得编辑器从旧版本升级到最新版本。图像尺寸的保存方式有所不同。旧版本的编辑器用于在图像标签中添加宽度和高度参数。新的编辑器会创建一个样式参数并添加宽度和高度作为样式。

我有一个 preg_replace 函数，我可以在 <img> 周围包裹一个 <a> 标记。

当前的 preg_replace 不再起作用，因为新编辑器在 style 参数中保存了宽度和高度。

预替换：

$Content = preg_replace('#<img(.*?)src="([^"]*/)?(([^"/]*)\.[^"]*)"([^>]*?)>((?!</a>))#', '<a rel="group" class="fancybox fancy" title="" href="$2$3"><img$1src="$2$3"></a>', $Content);

如果很高兴知道，新编辑器会像这样存储图像：

<img alt="" src="" style="" />

而旧的编辑器是这样存储图像的：

<img src="" width="404" height="228" alt="" />

如何重构我的 preg_replace 以复制完整的样式元素？向后兼容也很酷。

感谢您的宝贵时间 :)

Answer 1

试试这个：

$regex = '#<img([^>]*) src="([^"/]*/?[^".]*\.[^"]*)"([^>]*)>((?!</a>))#';
$replace = '<a rel="group" class="fancybox fancy" title="" href="$2"><img$1 src="$2"$3></a>';
$Content = preg_replace($regex, $replace, $Content);

Answer 2

您可以进一步简化正则表达式，请注意，如果您希望输入正确，则可以使用此解决方案，否则只需使用 html 解析器：

$string = 'Some text <img alt="bar" title="foo" src="http://example.com/example.jpg" style="width:200px;height:400px;" /> Some text';

$new_string = preg_replace('#<img.+?src="([^"]*)".*?/?>#i', '<a href="$1">$0</a>', $string);
var_dump($new_string);

说明：

• <img : 匹配 <img
• .+? ：匹配任何东西一次或多次（不贪心）
• src=" : 匹配 src="
• ([^"]*) ：匹配除" 之外的任何内容零次或多次并将其分组
• ".*?/?> ：匹配 " ，然后匹配直到 /> 或 >
• i 修饰符：不区分大小写

你可能想用<img.+?src\s*=\s*"([^"]*)".*?/?>，你永远不知道=前后可能有空格。

Online demo

Answer 3

正如 Spudley 在他的评论中提到的那样，您可能会 seriously consider a DOM parser（快速 Google 会出现几个选项），特别是如果您无法控制编辑器如何添加图像（尽管修改编辑器以添加链接可能会更容易，具体取决于它是哪一个——我个人可能不会尝试破解 TinyMCE 来做到这一点，但可能会考虑使用 wysihtml5）。

无论如何，我离题了。在这里使用这种方法，尽量简化正则表达式。您只需将其包装在 <a> 标记中，不必担心属性本身是什么（只要您保留它们）。

所以尝试这样的事情（我测试了这个表达式，但在 Python 中，而不是 PHP，所以 YMMV）：

 preg_replace('<img(.*)src="([^ "]*)"([^>]*)>', '<a href="$2"><img$1src="$2"$3></a>', $whatever_your_string_is);