如何用纯文本替换多个 img 元素？

Question

我想创建一个输出文本过滤器，将 DOM 中的所有 <img> 元素替换为以下文本“no images allowed”。

即：如果用户创建此 HTML 标记：

<p><img src="/image.jpg" /></p>

呈现以下 HTML：

<p>no images allowed</p>

请注意，我不能使用preg_replace。问题很简单，我需要解析 DOM 以找到禁止使用的图像。

感谢this answer，我发现getElementsByTagName()返回“live”迭代器，所以你需要两个步骤，所以我有了这个：

foreach ($elements as $element) {
  $domArray[] = $element;
  $src= $element->getAttribute('src');
  $frag= $dom->createElement('p');
  $frag->nodeValue = 'no images allowed';
  $element->parentNode->appendChild($frag);
}
// loop through the array and delete each node
$nodes = iterator_to_array($dom->getElementsByTagName('img'));
foreach ($nodes as $node) {
  $node->parentNode->removeChild($node);
}
$newtext = $dom->saveHTML();

它几乎做我想做的事，但我明白了：

<p><p>no images allowed</p></p>

Answer 1

我会用 xpath 获取元素，然后用新创建的文本节点替换。

$xp = new DOMXPath($dom);
$elements = $xp->query('//img');
foreach ($elements as $element) {
  $frag= $dom->createTextNode('no images allowed');
  $element->parentNode->insertBefore($frag, $element);
  $element->parentNode->removeChild($element);
}
echo $dom->saveHtml();

在这里演示：http://codepad.org/w9uj0ez9

Answer 2

要删除 HTML 自封闭的 img 标签，您可以使用简单的正则表达式：

<?php

function no_images_allowed($text) {
    return preg_replace('/<img[^>]*>/', 'no images allowed', $text);
}

print no_images_allowed('<p><img src="/image.jpg" /></p>');

它更简单，应该更高效，你不需要遍历每个 DOM 元素，只处理纯文本。

上例中的正则表达式仅适用于自封闭的 img 标签：

<img src="..."/>
<img src="...">

请注意，它不适用于例如：

<img src="..."></img>
<IMG SRC="..."/>
<img src="...">invalid content</img>

如果您想包含所有可能的情况（甚至是无效的情况），则应修改建议的正则表达式。