如何在字符串中为指定单词添加 HTML 标签（支持大小写不敏感匹配）-php教程-PHP中文网

如何在字符串中为指定单词添加 HTML 标签（支持大小写不敏感匹配）

本文讲解如何使用 PHP 的 preg_replace 函数，精准匹配并高亮文本中任意大小写的指定单词（如“filho”或“Filho”），为其自动包裹标签，同时保持原始大小写不变。

本文讲解如何使用 php 的 `preg_replace` 函数，精准匹配并高亮文本中任意大小写的指定单词（如“filho”或“filho”），为其自动包裹 `` 标签，同时保持原始大小写不变。

在 Laravel 视图中直接对动态文本做关键词高亮时，不能仅依赖 Blade 的原始输出（如 {{ $v->palavra }}），而需在 PHP 层完成带边界保护、大小写不敏感、保留原格式的替换。核心方案是使用正则表达式函数 preg_replace()，配合单词边界（\b）和 i 修饰符。

✅ 正确实现步骤

在控制器中预处理数据：对每个 $versiculo 的文本字段（假设为 $v->texto，而非 $v->palavra）执行高亮替换；
使用 \b 确保完整单词匹配（避免匹配到“afilho”或“filhos”中的子串）；
启用 i 修饰符实现大小写不敏感；
用捕获组 () + $1 回溯引用，完美保留原始大小写。

示例代码（修改你的控制器方法）：

public function palavras(Request $request, $palavra = null)
{
    $getpalavra = palavras_br::where('slug', $palavra)->first();
    if (!$getpalavra) {
        abort(404);
    }

    $targetWord = preg_quote($getpalavra->palavras, '/'); // 转义特殊字符，如点、括号等

    $versiculos = nvi::where('palavra', 'RLIKE', '[[:<:>palavras.'[[:>:]]')
        ->paginate(20);

    // 对每条记录的文本字段（例如 'texto'）进行高亮处理
    $versiculos->getCollection()->transform(function ($item) use ($targetWord) {
        // 假设原文本存于 $item->texto 字段
        $item->texto_destacado = preg_replace(
            '/\b(' . $targetWord . ')\b/i',
            '<strong>$1</strong>',
            $item->texto ?? ''
        );
        return $item;
    });

    return view('palavra', compact('versiculos', 'getpalavra'));
}</:>

⚠️ 注意：请将 $item->texto 替换为你实际存储经文内容的字段名（如 conteudo、verso 等）。若字段名是 palavra，则逻辑需重新审视——因为 palavra 通常是关键词本身，而非上下文文本。

✅ 视图中安全输出高亮结果

在 Blade 模板中，使用 {!! !!} 输出已转义的 HTML（确保内容可信）：

@foreach($versiculos as $v)
    <p>{!! $v->texto_destacado !!}</p><div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审"><img
														src="https://img.php.cn/upload/skill/001/246/273/6adaf20e695c2374.jpg" alt="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审" class="overflowclass">使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审</a>
													<p class="overflowclass">使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。</p>
												</div>
												<a rel="nofollow" href="/xiazai/skill11445" title="使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
												</a>
											</div>
										</div>
@endforeach

? 安全提示：仅当 $v->texto 来自受信数据源（如数据库固定字段）时才用 {!! !!}。若含用户输入，须额外过滤 XSS（如 strip_tags() 或 HTMLPurifier）。

? 补充说明与最佳实践

为什么不用 str_ireplace？
str_ireplace 不支持单词边界，会错误匹配子串（如把 “filhos” → filhos），且无法精准控制词界。
为什么用 preg_quote？
若 $getpalavra->palavras 包含正则元字符（如 ca+o、joão 中的 ã 通常无害，但 .、*、? 等会破坏模式），preg_quote() 可防止正则解析异常。
性能考虑：
对于大量数据，可考虑前端高亮（JS）或缓存处理结果；但小规模经文检索下，PHP 层处理简洁可靠。