您尝试在其上运行的筛选器image insertion, 因此，使用这些过滤器无法交换帖子中已经存在的所有图像。但是，如果您打算更改为img 从现在开始标记。

过滤器the_content, 但是，在从数据库检索到帖子之后，在将其显示到屏幕之前，将应用于帖子。我相信，为了在不重新插入图像的情况下更改现有帖子，您可以使用此过滤器。

您可以分析the_content 使用PHP DOMDocument class. 在PHP中进行HTML解析时，do not use regex.

我为您想要做的事情编写了一个示例函数，为了解释这些段落，它有点冗长。可以随意调整。

<?php
function foresight_hires_img_replace($the_content) {
    // Create a new istance of DOMDocument
    $post = new DOMDocument();
    // Load $the_content as HTML
    $post->loadHTML($the_content);
    // Look up for all the <img> tags.
    $imgs = $post->getElementsByTagName(\'img\');

    // Iteration time
    foreach( $imgs as $img ) {
        // Let\'s make sure the img has not been already manipulated by us
        // by checking if it has a data-src attribute (we could also check
        // if it has the fs-img class, or whatever check you might feel is
        // the most appropriate.
        if( $img->hasAttribute(\'data-src\') ) continue;

        // Also, let\'s check that the <img> we found is not child of a <noscript>
        // tag, we want to leave those alone as well.
        if( $img->parentNode->tagName == \'noscript\' ) continue;

        // Let\'s clone the node for later usage.
        $clone = $img->cloneNode();

        // Get the src attribute, remove it from the element, swap it with
        // data-src
        $src = $img->getAttribute(\'src\');
        $img->removeAttribute(\'src\');   
        $img->setAttribute(\'data-src\', $src);

        // Same goes for width...
        $width = $img->getAttribute(\'width\');
        $img->removeAttribute(\'width\');
        $img->setAttribute(\'data-width\', $width);

        // And height... (and whatever other attribute your js may need
        $height = $img->getAttribute(\'height\');
        $img->removeAttribute(\'height\');
        $img->setAttribute(\'data-height\', $height);

    // Get the class and add fs-img to the existing classes
        $imgClass = $img->getAttribute(\'class\');
        $img->setAttribute(\'class\', $imgClass . \' fs-img\');

        // Let\'s create the <noscript> element and append our original
        // tag, which we cloned earlier, as its child. Then, let\'s insert
        // it before our manipulated element
        $no_script = $post->createElement(\'noscript\');
        $no_script->appendChild($clone);
        $img->parentNode->insertBefore($no_script, $img);
    };

     return $post->saveHTML();
 }

 add_filter(\'the_content\', \'foresight_hires_img_replace\');
 ?>

这段代码对我来说效果很好，但在获得最终版本的过程中，我遇到了一些问题。

Warning

第二组问题是方法DOMDocument::loadHTML.

Character encoding

HTML wrapper

解决此问题的最简单方法是使用libxml常量作为loadHTML方法的参数

LIBXML_HTML_NOIMPLIED 关闭自动添加隐含的html/正文元素LIBXML_HTML_NODEFDTD 防止在找不到默认doctype时添加默认doctype。

类似于$output->loadHTML(mb_convert_encoding($the_content, \'HTML-ENTITIES\', \'UTF-8\'), LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);

Unexpected end first tag of the_content()

例如，如果第一个元素是<p>, 的全部内容the_content 被第一个包裹<p>. 在许多情况下，内容以H2开头，然后出现了相同的问题。

经过大量研究，我发现this comment 打开我心扉的尼古拉斯·香克斯：

LibXML需要一个根节点，并将它找到的第一个元素视为根节点，在中途删除它找到的结束标记（位置不正确），然后输出在文档末尾找到的第一个元素的结束标记。

因此，我的代码的第一部分如下所示：

libxml_use_internal_errors(true);
$encode_content = mb_convert_encoding($the_content, \'HTML-ENTITIES\', \'UTF-8\');
$post = new DOMDocument();
$workarround = \'<section class="sanitized-content">\'. $encode_content . \'</section>\';
$post->loadHTML( $workarround, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD );