如何用PHP将<span>标签前后文本封装为独立<span>标签？

嘿，这里有两种靠谱的PHP实现方式，能帮你把原始文本里<span>标签前后的内容也分别封装成独立的<span>标签，这样就能用CSS分别控制每个部分的样式了：

方法一：正则表达式（适合结构简单的场景） #

如果你的输入文本结构固定（比如只有一个无属性的<span>），用正则替换是最快的方式：

$originalText = 'Lorem ipsum <span>dolor</span> sit amet';
// 匹配开头文本、原span内容、结尾文本，自动忽略前后多余空格
$pattern = '/^\s*(.*?)\s*<span>(.*?)<\/span>\s*(.*?)\s*$/';
$formattedText = preg_replace($pattern, '<span>$1</span> <span>$2</span> <span>$3</span>', $originalText);

echo $formattedText;
// 输出结果：<span>Lorem ipsum</span> <span>dolor</span> <span>sit amet</span>

小提示： #

• 正则里的\s*用来匹配文本和<span>之间的空白，避免生成多余的空格或者遗漏内容
• .*?是非贪婪匹配，确保只捕获到对应部分的内容，不会“吞掉”多余的标签

方法二：DOMDocument（适合复杂HTML场景） #

如果你的文本可能包含更复杂的HTML结构（比如<span>带class/id属性、多个嵌套标签等），用DOM解析会更稳妥，不会出现正则匹配失败的情况：

$originalText = 'Lorem ipsum <span>dolor</span> sit amet';

// 初始化DOM对象，加载文本时避免自动添加<html>/<body>标签
$dom = new DOMDocument();
$dom->loadHTML(
    mb_convert_encoding($originalText, 'HTML-ENTITIES', 'UTF-8'),
    LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD
);

$bodyNode = $dom->getElementsByTagName('body')->item(0);
$formattedText = '';

// 遍历所有子节点，分别处理文本和span标签
foreach ($bodyNode->childNodes as $node) {
    if ($node->nodeType === XML_TEXT_NODE) {
        // 处理文本节点：去除前后空白，非空才包裹成span
        $cleanText = trim($node->nodeValue);
        if (!empty($cleanText)) {
            $formattedText .= "<span>{$cleanText}</span> ";
        }
    } elseif ($node->nodeName === 'span') {
        // 直接保留原span标签（包括它的属性）
        $formattedText .= $dom->saveHTML($node) . ' ';
    }
}

// 去除最后多余的空格
$formattedText = trim($formattedText);
echo $formattedText;
// 输出结果：<span>Lorem ipsum</span> <span>dolor</span> <span>sit amet</span>

优势： #

• 不管原<span>有没有属性，或者文本里有其他特殊字符，都能正确处理
• 不会生成空的<span>标签（因为会先判断文本是否为空）

内容的提问来源于stack exchange，提问作者Ivan Topić