网站开发到上线的流程,网站设计公司如何盈利,档案安全网站安全建设,一级消防工程师考试试题及答案起初在网上搜索获得的处理方式大都是类似这种#xff1a; 但是实际使用中发现#xff0c;对于汉字和数字是没有问题的#xff0c;但是如果有字母就会出现问题。
1.只有汉字和数字的时候#xff1a;匹配正常。 2.当有字母的时候#xff1a;异常替换。 原因#xff1a;第二…起初在网上搜索获得的处理方式大都是类似这种 但是实际使用中发现对于汉字和数字是没有问题的但是如果有字母就会出现问题。
1.只有汉字和数字的时候匹配正常。 2.当有字母的时候异常替换。 原因第二次判断的时候替换的html代码里面的字母也做了识别和标红替换 最后做了调整改用另一种方式针对单字匹配和字符串匹配两种处理
展示
li v-htmlbrightenKeyword(123abcd张三李四)/li
处理 const brightenKeyword (contentText) {//单字匹配时将文字标红let res contentText;if (searchKey.value ) {return res;} else {let wordsArray contentText.split();for (var i 0; i wordsArray.length; i) {if (searchKey.value.includes(wordsArray[i])) {wordsArray[i] span stylecolor: red; wordsArray[i] /span;}}res wordsArray.join();return res;}};// const brightenKeyword (contentText) {// // 字符串整串匹配时仅需要当前方法// let res contentText; //res的初始值是不带任何红色格式的// const Reg new RegExp(searchKey.value, g);// res contentText.replaceAll(Reg, span stylecolor: red;${searchKey.value}/span);// return res;// };