如何为HTML图片添加img-responsive类？现有PHP代码故障求助

原代码的问题分析 #

• 正则分组逻辑错误：原正则中$matches[2]是完整的class属性字符串（如class="old-class"），但代码错误地将其当作class属性值使用，实际应取$matches[3]（原class的内容）。
• 无class分支拼接错误：当不存在class属性时，$matches[2]为空，代码却额外拼接了该值，导致冗余内容。
• 正则匹配范围有限：原正则仅匹配img标签后紧跟class属性的场景，若class属性位于标签内其他位置（如src属性之后），则无法被匹配到。

修正后的正则实现代码 #

function addImgResponsiveClass($matches) {
    // $matches[1]：<img 开头及后续到class属性前的内容
    // $matches[2]：完整的class属性字符串（存在时）
    // $matches[3]：原class属性的内容
    // $matches[4]：img标签剩余部分（到>结束）
    if (!empty($matches[3])) {
        // 已有class，追加img-responsive类
        $replacement = $matches[1] . 'class=&quot;' . $matches[3] . ' img-responsive&quot;' . $matches[4];
    } else {
        // 无class，添加新的class属性
        $replacement = $matches[1] . 'class=&quot;img-responsive&quot; ' . $matches[4];
    }
    return $replacement;
}

// 修改正则，匹配img标签内任意位置的class属性
$txtD = preg_replace_callback(
    '/(&lt;img\b[^&]*?)(class=&quot;([^&quot;]*)&quot;)?([^&]*?&gt;)/i',
    'addImgResponsiveClass',
    dynamicCaption($dataArray[0]['content_pl'])
);

更可靠的DOMDocument实现方案 #

正则处理HTML容易出现边缘案例（如标签内的注释、特殊字符嵌套等），推荐使用PHP原生的DOMDocument组件，处理逻辑更稳定：

$content = dynamicCaption($dataArray[0]['content_pl']);
// 将HTML实体转换为原生字符，便于DOM解析
$content = htmlspecialchars_decode($content, ENT_QUOTES);

$dom = new DOMDocument();
// 禁用XML错误提示，兼容不规范的HTML结构
libxml_use_internal_errors(true);
// 包裹内容并加载，避免自动添加html/body标签
$dom->loadHTML('<div>' . $content . '</div>', LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
libxml_clear_errors();

// 遍历所有img标签
$images = $dom->getElementsByTagName('img');
foreach ($images as $img) {
    $existingClass = $img->getAttribute('class');
    // 合并原有class与新类，去除多余空格
    $newClass = trim($existingClass . ' img-responsive');
    $img->setAttribute('class', $newClass);
}

// 将处理后的内容转回HTML实体
$txtD = htmlspecialchars($dom->saveHTML(), ENT_QUOTES);
// 移除之前添加的外层div标签
$txtD = preg_replace('/^&lt;div&gt;|&lt;\/div&gt;$/i', '', $txtD);

内容的提问来源于stack exchange，提问作者Trafficsek