根據完整關鍵字突出顯示搜索關鍵字的文字

Question

我需要在博客中突出顯示用於搜索的關鍵字。 到目前為止，我設法使用了以下腳本http://www.jquery.info/scripts/SearchHighlight/demo_en.html

但是如果您願意，此腳本與確切的關鍵字不匹配。 它正在按照編程的方式工作。

如果一個選擇選項exact: "exact",匹配exact: "exact",匹配exact: "exact",該功能會與之匹配，並突出顯示每個單詞的搜索關鍵字Per id 。

我如何修改此腳本，使其與整個關鍵字匹配而不是關鍵字的一部分。

在此小提琴示例中，應僅突出顯示Per id而不應突出顯示Per或id .。

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

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

Answer 1

更改此行：

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/