突出显示搜索词

Question

我有一个情况，我正在返回数据库结果并根据搜索词将它们显示在页面上。 这部分工作正常，但我想通过将这些搜索词包装在 span 标签中来突出显示它们。 我开始编写一个函数，对每个使用 str_replace 函数的结果进行调用，但后来我意识到这也会影响 HTML 标记中的任何文本。 有人有他们用来有效地做到这一点的功能吗？ 我正在使用 PHP 4。 谢谢！

Answer 1

我会用 javascript

http: //johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

$(document).ready(function(){
$('#your_results_list').removeHighlight().highlight('search_word');
}

这样你就不会弄乱源代码，用户可以根据需要转动突出显示，等等。

Answer 2

我曾经用 Perl 编写过一个搜索，是这样的（对 PHP 做了一些翻译）：

// Split up the full page content in pieces without `<` and `>`
preg_match_all("/([^<>]+)/", $pageContent, $matches);
foreach ($matches as $val) {
    // Just print the $val if it was between < and >
    if (preg_match("/<$val>/", $pageContent) { print "<$val>"; }
    else {
       // Do the replace
       print str_replace( "$searchString", "<span>$searchString</span>", $val);
   }
}

如果满足以下条件，则可以避免使用正则表达式：

 // Split up the full page content in pieces with `<`
 $matches = split("<", $pageContent);
 foreach ($matches as $val) {
    // Just print the $val if it was between < and >
    if (stristr($pageContent, "<$val")) { print "<$val"; }
    else {
       // Do the replace
       print str_replace( "$searchString", "<span>$searchString</span>", $val);
   }
}

没有测试它，但应该是这样的。

Answer 3

如果您返回结果并显示它们，那么您不应该在原始数据以 html 形式生成之前访问它吗？ 如果是这样，则通过在其中添加 span 标签来对原始数据进行修改。

如果您说您的原始数据可能已经包含 html，那么您可以使用正则表达式来检测您是否位于 html 标记内，并使用 preg_replace 而不是 str_replace。

其他选项：

-- 将结果加载到 dom 解析器中，并且只在叶文本节点上执行替换操作

-- 编写您自己的解析器来跟踪您是否在 html 标签内

-- 从您的 HTML 标签中取出所有 HTML 标签结果，放入占位符，例如
" [[[tag1]]] balha blah blah [[[tag2]]]" 然后对剩余文本进行替换，然后将标签替换回