正常表达剥离高度＆amp;图像脚本的宽度属性

Question

我正在重新设计我的所有网页，以便它们显示在移动设备中（响应式设计）。因此，我需要从所有图像脚本中去除宽度和高度属性。

但是，我不想简单地删除宽度和高度属性，而是想在图像脚本之后追加它们，如下面的第二个示例所示。如果我知道它们的默认大小，那么使用图像会更容易。

<img class="Animals" src="/images/Animals/Horse.jpg" width="300" height="212" alt="Horse">

<img class="Animals" src="/images/Animals/Horse.jpg" alt="Horse"><!--300X212-->

我正在使用PHP，可以使用Dreamweaver或TextWrangler进行搜索和替换操作。

Answer 1

我不了解您的编辑，所以无法测试，但您可以尝试这种模式;

查找

\swidth="(\d+)"\sheight="(\d+)"( alt="\w+")>

替换

$3><!--$1x$2-->

作为附注，如果你想学习正则表达式，你可以试试这个网站，有一些很好的教程; http://regexone.com/

Answer 2

这应该在PHP中完成......

<?php
$html = '<img class="Animals" src="/images/Animals/Horse.jpg" width="300" height="212" alt="Horse">';
echo preg_replace('/(<.+) width="(\d+)" height="(\d+)"(.+)/','$1$4<!--$2x$3-->', $html);
?>

此图解释了正则表达式：