首页 > 其他分享 >高亮显示字符。兼容大小写,特殊字符

高亮显示字符。兼容大小写,特殊字符

时间:2023-05-11 14:45:03浏览次数:32  
标签:高亮 显示字符 兼容 char 大小写 str 特殊字符

一个兼容大小写,特殊字符的高亮显示函数

function highlight(str, char) {
  const escapedChar = char.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  if (str.toLowerCase().includes(char.toLowerCase())) {
    return str.replace(new RegExp(escapedChar, 'gi'), `<mark>$&</mark>`);
  } else {
    return str;
  }
}

 

标签:高亮,显示字符,兼容,char,大小写,str,特殊字符
From: https://www.cnblogs.com/anin/p/17390956.html

相关文章

  • linux 中sed命令实现大小写的转换
     001、大写转换为小写root@DESKTOP-IDT9S0E:/home/test#lsa.txtroot@DESKTOP-IDT9S0E:/home/test#cata.txt##测试数据AWFhhddmehDGEE345efffrrthhkkroot@DESKTOP-IDT9S0E:/home/test#sed's/[a-z]/\U&/g'a.txt##U为大写AWFH......
  • Android TextView 设置超链接、关键字高亮等效果
    之前做TextView关键字高亮效果,使用的是Html.fromHtml(Stringsource)方法,然后通过TextView的setText(CharSequencetext)方法来显示后来测试此方法在部分手机上显示有问题,如Nexus4,华为P6等等。于是乎只能继续寻找别的解决办法了,在这里Mark一下。这里用到了SpannableString类......
  • vue 导致el-menu高亮会失效的问题
    一个router转到另一个router常用的方法:this.$router.push({path:'',params:{}});this.$router.push({path:'',query:{}});这种方式传参都是可以接收到的。但是有个问题,导致中的el-menu不能高亮显示,进行跟踪以后会现:default-active与router的index都是一致。但就是不能高亮,除......
  • Solon 路由的 Url 大小写匹配与事项注意
    Solon路由器对url的匹配默认是“忽略大小写”的。如果有需要,可以强制开启:v2.2.14后支持@SolonMainpublicclassApp{publicstaticvoidmain(Stringargs){Solon.start(App.class,args,app->{app.router().caseSensitive(true);//或许以......
  • 直播平台制作,vue el-dropdown下拉框单选有对钩高亮
    直播平台制作,vueel-dropdown下拉框单选有对钩高亮 <template> <div>  <divclass="selected"></div>  <el-dropdown   style="    cursor:pointer;    font-weight:500;    font-size:16px;    line-height:1;  ......
  • wordpress插件:代码高亮显示并配置样式(SyntaxHighlighter Evolved 3.6.2 / wordpress
    一,安装插件:SyntaxHighlighterEvolved点击插件->安装插件->输入:SyntaxHighlighter进行搜索结果显示后,找到并进行安装,如图:安装第一个安装后的效果:二,安装插件后调整样式(行高):先找到样式文件路径,当前如下:/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/......
  • solr高亮显示和多索引字段查询
    Youcandirectlytestthe highlighting bypassingthehighlightparameters.e.g. hl=true&hl.fl=name,featuresAlso,youcanconfigurethehighlightdefaultswithinyourequesthandlerinsolrconfig.xmle.g.<requestHandlername="/browse"clas......
  • delphiXE10 代码结构高亮线风格单双设置
    勾上就是这个样式: 不勾就是这个样式: ......
  • elasticsearch 实现查询忽略大小写
    背景:在搜索的时候经常会有一种场景就是忽略大小写,不管你输入的是全大写还是全小写还是大小写混合,希望都能够搜索出结果。解决思路:Elasticsearch中的lowercasenormalizer将文本转换为小写,并将其作为规范形式存储在索引中。这可以确保在搜索和比较文本时忽略大写字母的差异,从而提......
  • 实用软件Caps大小写提示
    电脑输入法需要频繁切换大小写,没有提示很难受,联想电脑一直都有提示,最近发现在微软商店可以下载LenovoHotkeys。安装即可使用......