突出显示URL中的单词

时间:2017-04-06 04:53:55

标签: javascript html angularjs

我是angularjs的新手。所以,我要求我必须突出显示html文档中的一些单词。假设它是一个html格式的简历。所以我有一个单词来自我需要强调的那个html文档。所以,我能够突出显示除了网址中的单词之外的所有单词。对于例如在我的文件中

http://www.example.com 

所以在这里我要强调一个单词示例。

我的突出显示方法就像 -

$scope.highlightHTML = function (content, text, className, notByWordBoundry) {
    var RegExpEscapeText, str;
    if (!(content && content.replace)) {
        return '';
    }
    if (!text) {
        return $sce.trustAsHtml(content);
    }
    if (!className) {
        className = 'mark';
    }
    RegExpEscapeText = text.replace(/[.?*+^$[\]\\(){}|-]/g, "\\$&");
    if (!notByWordBoundry) {
         str = new RegExp('(\\b)' + RegExpEscapeText + '(\\b)', 'gi');
    } else {
         str = new RegExp(RegExpEscapeText, 'gi');
    }
    return content.replace(str, '<span tabindex="1" class="' + className + '">$&</span>');
};

此时正在尝试突出显示来自链接或网址的单词时弄乱了html文件。我该如何解决这个问题?

0 个答案:

没有答案