繁体   English   中英

根据完整关键字突出显示搜索关键字的文字

[英]Highlight text for search keyword based on complete keywords

我需要在博客中突出显示用于搜索的关键字。 到目前为止,我设法使用了以下脚本http://www.jquery.info/scripts/SearchHighlight/demo_en.html

但是如果您愿意,此脚本与确切的关键字不匹配。 它正在按照编程的方式工作。

如果一个选择选项exact: "exact",匹配exact: "exact",匹配exact: "exact",该功能会与之匹配,并突出显示每个单词的搜索关键字Per id

我如何修改此脚本,使其与整个关键字匹配而不是关键字的一部分。

在此小提琴示例中,应仅突出显示Per id而不应突出显示Perid .。

小提琴示例: http//jsfiddle.net/gq4hkvgd/

    var val2 = "Per id";
            var options = {
                exact: "exact",
                style_name_suffix:false,
                keys:val2
            }
            $('.wrapper').SearchHighlight(options); 

更改此行:

var q = options.keys != undefined ? options.keys.toLowerCase().split(/[\s\+\.]+/) : SearchHighlight.decodeURL(ref, SearchHighlight.engines);

对此:

var q = options.keys != undefined ? options.keys.toLowerCase().split(/[\+\.]+/) : SearchHighlight.decodeURL(ref, SearchHighlight.engines);

现在,该函数不再在空白处拆分关键字,您将获得所需的结果。

http://jsfiddle.net/gq4hkvgd/4/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM