Fuc-String-querysour 搜索结果高亮显示

//搜索结果高亮显示

 querysour(str, searchStr) {let srtEndIndex = str.indexOf(searchStr) + searchStr.length;let srtStartIndex = str.indexOf(searchStr);let newStr =str.substring(0, srtEndIndex) + "</text>" + str.substring(srtEndIndex);console.log(newStr);newStr =newStr.substring(0, srtStartIndex) +'<text style="color:red">' +newStr.substring(srtStartIndex);console.log(newStr);return newStr},

上面的方法只能高亮显示第一个关键字

更加优秀的方法：

querysour(str, searchStr) {let strHighlighted = "<span style='color:red'>" + wordpat + "</span>";//见Fuc-String-escapeRegExp 将字符串中的特殊字符进行转义searchStr = this.escapeRegExp(wordpat);//见Fuc-String-replaceAll 字符串全部替换str = "<span>" + str.replaceAll(searchStr, strHighlighted) + "</span>";return str;},

Fuc-String-querysour 搜索结果高亮显示相关推荐

html 显示搜索结果,搜索结果高亮显示(不改变html标签)
一.问题的产生搜索结果高亮显示,在新闻标题,来源之类的地方好做,只需要用str.Replace(keyword,"font style=/"color:red;/"&q ...
C#中搜索关键词高亮显示
在搜索关键词高亮中一般的方法都是采用替换的办法(Replace)这个方法有一个缺点就是不能区分大小写的问题.在网上找了找发现有人用正则表达式的方法来解决这个问题还真不错,效率也比较高,归纳如下,有用得 ...
C++知识点21——使用C++标准库（再谈string——string的搜索和数值转化）
string的搜索操作一共6个 1.find size_t find (const string& str, size_t pos = 0) const; //从调用对象的下标pos处开始查找 ...
JS实现HTM搜索关键词高亮显示
如何利用JS实现HTML搜索关键词高亮显示呢? 目录一.程序案例代码二.程序运行效果一.程序案例代码 <!DOCTYPE html> <html lang="en&q ...
html搜索时关键字变数字,JavaScript正则方法replace实现搜索关键字高亮显示
前言正则表达式是字符串处理工具中强有力的工具.也有人认为这只是一个小玩具,但不管怎么说都离不开它. 这里介绍的是JavaScript的正则表达式的replace方法,和实现搜索关键字高亮的功能. 先 ...
前端Vue开发，多关键字搜索时，搜索结果高亮显示(解决输入英文时，会错误的把html标签渲染的问题)
问题背景: 网上搜索关于搜索结果高亮显示,基本上都是单一关键字搜索,或者多关键字搜索,但是没有解决输入英文字符时,把html标签渲染出来的问题,比如在进行多关键字搜索时,可能会进行a;s的搜索, 就 ...
搜索关键字高亮显示，就比微信多个多音字搜索
首先看下demo效果,下载地址一. 需求要求实现的效果汉字支持汉字直接搜索.拼音全拼搜索.拼音简拼搜索搜索匹配到的关键字高亮显示搜索结果优先显示全部匹配.其次是拼音全拼匹配.拼音简拼匹配:关键 ...
elasticsearch搜索关键字高亮显示
使用 elasticsearch 时,有一个很常见的需求是,能在页面上将搜索出的结果中属于关键字的文字,进行高亮显示. elasticsearch 对这个做了一定的支持,它能查询结果的基础上,额外返回 ...
android关键词检索功能,Android实现搜索关键词高亮显示-Kotlin
在做Wandroid项目时有一个搜索功能,要在搜索结果中将匹配到的关键词高亮显示.但是玩安卓API并没有提供颜色的高亮,只有字体斜体,效果看起来并不明显,并且昵称也参与了搜索,但并没有增加HTML标 ...

Fuc-String-querysour 搜索结果高亮显示

Fuc-String-querysour 搜索结果高亮显示相关推荐

最新文章

热门文章