正则匹配英文关键字高亮,高亮后的关键字和之前的大小写保持一致

Posted 「已注销」

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了正则匹配英文关键字高亮,高亮后的关键字和之前的大小写保持一致相关的知识,希望对你有一定的参考价值。

JS代码:

var str="a|c javascript Javascript JavaScript Javascript  JAVASCRIPT";
var keyword  = "a|c javascript";
keyword = '('+keyword.replace(/([\\+\\.\\*\\|\\?\\-\\(\\[\\^\\$])/g,'\\\\$1' ).replace(/\\s+/g,'|')+')';//把匹配关键字中的正则符转义
var patt=new RegExp(keyword ,'igm');
var str2=str.replace(patt,"<span class='highlight'>$1</span>");
console.log(str2);

CSS代码:

.highlight 
    color: #0FA9F6;

以上是关于正则匹配英文关键字高亮,高亮后的关键字和之前的大小写保持一致的主要内容,如果未能解决你的问题,请参考以下文章

vue搜索实现 搜索关键字高亮

grep命令

Scintilla.NET 基于正则表达式的语法高亮

搜索高亮

博客园Markdown模式的MATLAB代码高亮方案

php怎么实现搜索高亮,注意是分开的字符