当前位置: 首页 > news >正文

针对html字符串进行关键字高亮匹配

highlightKeyword(keyword, htmlString) {const str = keyword.trim().replace(/\s+/g, ',')const arr = str.split(',')const _arr = arr.map(val => {return val.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})const regex = new RegExp(`(${_arr.join('|')})`, 'gi')const newHtmlString = htmlString.replace(regex, match => {this.totalCount += 1return `<span id="keyword_highlight_id_${this.totalCount}" style="color: #865224; background: #FCE5C7;">${match}</span>`})return newHtmlString
},

 

http://www.zskr.cn/news/17659.html

相关文章:

  • 实用指南:大模型产品求职全攻略:从零基础到斩获Offer,揭秘你是否真的适合!
  • 元空间的两个重要参数
  • 小迪安全v2023学习笔记(八十七讲)—— 安卓逆向篇Smail语法反编译重打包Activity周期Hook模块 - 实践
  • 抽象函数的定义域
  • GEO优化系统哪个最好?
  • Oracle故障处理:ASM手动修复磁盘头
  • 5分钟,15分钟,差距大,做5分钟线要严格止损
  • OIFHA251009 比赛总结
  • 营销农场小程序管理系统:营销吸粉与流量变现解决方案
  • 2025智能电动伸缩门厂家推荐榜
  • 软件技术基础第一次作业1
  • 实验结论
  • 吴恩达深度学习课程一:神经网络和深度学习 第二周:神经网络基础(三)
  • 【大数据】AI就业影响数据可视化分析系统 计算机毕业设计项目 Anaconda+Django+Spark+Hadoop环境调整 附源码+文档+讲解
  • PKDV5351高压差分探头在氢燃料电池堆电压均衡监测中的实战应用案例
  • 2025秋_8
  • react的依赖项数组 - 实践
  • VSCode万能Debug任何执行python文档命令的详细教程
  • PWN手的成长之路-13-jarvisoj_level0
  • 微信最新协议API上线!个人号快速接入
  • Firefox火狐浏览器插件下载、安装路径、备份插件、手动安装插件
  • 实用指南:PyTest框架学习
  • 计算机毕业设计springboot制氢领域文献管理强大的系统 基于SpringBoot的氢能研究文献管理平台 面向制氢技能的文献资料管理系统设计与实现
  • 数论中
  • Vue 3 + TypeScript 中 QCarousel 模板引用类型错误解决方案
  • 深入解析:recipes中声明 DEPENDS += “virtual/kernel“ 的效果
  • Ubuntu安装 IDEA
  • .                    当项目规模失控时:架构师的“止损”之道
  • .                                  为什么资深开发者越来越少写代码?
  • 从0开始使用LabVIEW操作数据采集卡-概述和新建新建项目