PHP如何高亮搜索关键词但不破坏HTML标签？-php教程-PHP中文网

使用正则表达式配合回调函数，在匹配关键词时将其包裹在标签中，并通过 preg_offset_capture 获取偏移量来精确定位插入位置。这种方法能确保只高亮纯文本内容，而不会破坏已有的 html 结构或属性。

PHP如何高亮搜索关键词但不破坏HTML标签？

如何避免高亮代码中的HTML实体和标签？

通过构建一个排除列表，在搜索前将 HTML 标签、实体编码和已存在的样式标记从搜索范围中暂时移除或替换为占位符，搜索完成后再还原。这样可以防止像这样的实体被错误地识别为关键词的一部分，或者导致标签闭合混乱。

PHP如何高亮搜索关键词但不破坏HTML标签？

<?php function highlightKeywords($text, $keywords) {
    if (empty($keywords)) return $text;
    
    // 1. 保护HTML标签和实体
    $protected = [];
    $pattern = '/(<[^>]+>|&[a-z0-9#]+;)/i';
    $text = preg_replace_callback($pattern, function($match) use (&$protected) {
        $placeholder = "__PROTECTED_" . count($protected) . "__";
        $protected[$placeholder] = $match[0];
        return $placeholder;
    }, $text);
    
    // 2. 转义关键词中的正则特殊字符
    $escapedKeywords = array_map(function($kw) {
        return preg_quote($kw, '/');
    }, $keywords);
    
    // 3. 执行高亮替换
    $searchPattern = '/(' . implode('|', $escapedKeywords) . ')/i';
    $text = preg_replace_callback($searchPattern, function($match) {
        return '<span style="background-color: yellow;">' . $match[0] . '</span>';
    }, $text);
    
    // 4. 还原保护的标签
    foreach ($protected as $placeholder => $original) {
        $text = str_replace($placeholder, $original, $text);
    }
    
    return $text;
}

// 示例输入
$input = "<p>This is a <b>test</b> for keyword <span>PHP</span>.";
$keywords = ['test', 'PHP'];
echo highlightKeywords($input, $keywords);
?></p>

运行上述代码后，输出结果为：

This is a test for keyword PHP.

。可以看到，test 被高亮，但标签未被破坏，且 PHP 原本所在的标签被正确保留并嵌套了新的高亮样式。

如何处理多关键词的优先级与重叠问题？

当多个关键词可能重叠或存在包含关系时，应优先处理较长的关键词，以避免短词截断长词的高亮效果。通过将关键词按长度降序排列，并使用非贪婪匹配或精确边界控制，可以确保最长的匹配项优先被包裹。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

PHP如何高亮搜索关键词但不破坏HTML标签？

<?php function highlightMultiKeywords($text, $keywords) {
    if (empty($keywords)) return $text;
    
    // 按长度降序排序，优先匹配长词
    usort($keywords, function($a, $b) {
        return strlen($b) - strlen($a);
    });
    
    // 保护HTML
    $protected = [];
    $pattern = '/(<[^>]+>|&[a-z0-9#]+;)/i';
    $text = preg_replace_callback($pattern, function($match) use (&$protected) {
        $placeholder = "__PROTECTED_" . count($protected) . "__";
        $protected[$placeholder] = $match[0];
        return $placeholder;
    }, $text);
    
    // 转义并组合正则
    $escapedKeywords = array_map(function($kw) {
        return preg_quote($kw, '/');
    }, $keywords);
    
    // 使用单词边界确保完整匹配
    $searchPattern = '/\b(' . implode('|', $escapedKeywords) . ')\b/i';
    
    $text = preg_replace_callback($searchPattern, function($match) {
        return '<span style="background-color: yellow;">' . $match[0] . '</span>';
    }, $text);
    
    // 还原
    foreach ($protected as $placeholder => $original) {
        $text = str_replace($placeholder, $original, $text);
    }
    
    return $text;
}

// 示例：重叠关键词
$input = "The quick brown fox jumps over the lazy dog.";
$keywords = ['quick brown', 'brown fox'];
echo highlightMultiKeywords($input, $keywords);
?>

对于输入 The quick brown fox jumps over the lazy dog. 和关键词 ['quick brown', 'brown fox']，由于 quick brown 更长，它会被优先匹配并高亮。最终输出为：The quick brown fox jumps over the lazy dog.。注意 brown fox 未被高亮，因为 brown 已被包含在前一个高亮块中，避免了重复包裹。

基于程序中某个输入、条件或结果的具体问题

当输入文本中包含与关键词完全相同的 HTML 标签名时，例如关键词是 div，而文本中有

，程序会正确跳过该标签，仅高亮文本内容中的 div。这是因为第一步的保护机制将所有 <...> 替换为占位符，从而隔离了标签与关键词的匹配过程。

php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！