html - 删除 标签上的内联样式并替换为类

Question

我正在处理大量图像的 HTML 代码。问题是，图像上有过多的内联样式，我想删除这些样式。这是一个例子:

<img src="Resources/Images/Desktop Advanced Manual 0 Welcome/3000186.png" style="z-index: 67;visibility: visible;mso-wrap-style: square;mso-width-percent: 0;mso-height-percent: 0;mso-wrap-distance-left: 9pt;mso-wrap-distance-top: 0;mso-wrap-distance-right: 9pt;mso-wrap-distance-bottom: 0;mso-position-horizontal: absolute;mso-position-horizontal-relative: text;mso-position-vertical: absolute;mso-position-vertical-relative: text;mso-width-percent: 0;mso-height-percent: 0;mso-width-relative: page;mso-height-relative: page;margin-left: 0.3pt;width: 346px;height: 113px;" />

虽然搜索和替换会很棒，但宽度和高度以及左边距等会随着每张图像而变化。

我一直在做的是去每个 <img>标记，删除每个中的内联样式并将其替换为 class="screenshot" .

完成后，代码如下所示:

<img src="Resources/Images/Desktop Advanced Manual 0 Welcome/3000186.png" class="screenshot" />

太棒了 - 但数百个文件中有数百张图像。

有人有办法更有效地做到这一点吗？我一点也不精通 PHP 或 JavaScript。也许一些很棒的正则表达式会有所帮助？

Answer 1

匹配除引号外的任何内容，后跟结束引号:

style="[^"]+"

[^"]+ 匹配任何不是 " 的字符。在表示“一次或多次”之后添加 +。

并将其替换为:

class="screenshot"

没有测试它，但它应该可以在 Notepad++(仅限 Windows)中工作。

更多信息 here