查找关键字，并进行高亮显示

levius 发布于2019-08-26 11:48 / 2656人阅读

摘要：获取内容关键字为空则返回替换标签替换关键字关键字样式恢复标签

function keywordHighlight(idHtmlContent,keyword) {

var content= $("#"+idHtmlContent).html();//获取内容
if ($.trim(keyword)==""){
    return;//关键字为空则返回
}
var htmlReg = new RegExp("<.*?>", "i");
var arrA = new Array();
//替换HTML标签
for (var i = 0; true; i++) {
    var m = htmlReg.exec(content);
    if (m) {
        arrA[i] = m;
    }else {
        break;
    }
    content = content.replace(m, "{[(" + i + ")]}");
}
words = unescape(keyword.replace(/+/g, " ")).split(/s+/);
//替换关键字 
for (w = 0; w < words.length; w++) {
    var r = new RegExp("(" + words[w].replace(/[(){}.+*?^$|[]]/g, "$&") + ")", "ig");
    content = content.replace(r, ""+words[w]+"");//关键字样式
}
//恢复HTML标签 
for (var i = 0; i < arrA.length; i++) {
    content = content.replace("{[(" + i + ")]}", arrA[i]);
}
 $("#"+idHtmlContent).html(content);

}

服务器托管 idc机房托管关键词高亮栏目高亮显示 jquery高亮显示 linux 高亮显示

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107599.html

一个前端开发工程师的Vim跟IDE一样

摘要：一组就是一个插件，的很多功能都由各式插件实现。与相反到行头到本行的第一个非字符到行尾到本行最后一个不是字符的位置。到逗号前的第一个字符。在当前行查找第三个出现的。工程文件菜单自定义快捷键显示文件菜单自带快捷键显示隐藏隐藏文件在新这里是我新配置出来的 jaywcjlove/vim-web 一直在打磨中，基本上可以用了。拿出来骗 star 先上图 showImg(https://segm...

Vultr 2019-06-28 10:19 评论0 收藏0
Vim与Markdown共舞

摘要：语法高亮是一个比较好的解决方案。本来也支持的语法高亮，但是做得还不够。通过语法高亮，基本就很容易抓住文章的内容和结构了。结语折腾下来，下编辑笔记完全是没有任何问题的，特别是语法高亮和特性，可以尽可能地减小与生俱来的割裂感。 Vim作为编辑器之神，用于Markdown的编辑和阅读，会擦出什么样的火花呢？因为受不了某知笔记的编辑体验，前段时间探索了在Vim中编辑和管理Markdown笔记...

RancherLabs 2019-06-28 10:19 评论0 收藏0
Vim命令合集

摘要：命令合集命令历史以和开头的命令都有历史纪录，可以首先键入或然后按上下箭头来选择某个历史命令。而命令相当于搜索。利用命令可将剪切后的内容进行粘贴。退出命令保存并退出保存并退出强制退出并忽略所有更改放弃所有修改，并打开原来文件。 Vim命令合集命令历史以:和/开头的命令都有历史纪录，可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim 在命令行窗口中输入以下命令即可vim ...

Jinkey 2019-07-01 18:32 评论0 收藏0
Vim命令合集

摘要：命令合集命令历史以和开头的命令都有历史纪录，可以首先键入或然后按上下箭头来选择某个历史命令。而命令相当于搜索。利用命令可将剪切后的内容进行粘贴。退出命令保存并退出保存并退出强制退出并忽略所有更改放弃所有修改，并打开原来文件。 Vim命令合集命令历史以:和/开头的命令都有历史纪录，可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim 在命令行窗口中输入以下命令即可vim ...

付永刚 2019-06-28 10:28 评论0 收藏0
一个前端程序猿的Sublime Text3的自我修养

摘要：效果如下配置方法参考下的配置方法完美支持提供了比默认更好的语法高亮，而且他完美支持。语法高亮默认安装的对的支持让人抓狂，帧动画别开玩笑了你只会看到一片白色的纯文本一样的代码。事实上不光，我建议用完全替代原来的来完成语法高亮。文章转载自本人的博客《三省吾身丶丶》点击查看喜欢的话请疯狂的推荐吧！ ^_^ 本文章会在本人有插件或者设置更新时，进行不定时更新偷懒了，图片地址直接设置的博客...

KunMinX 2019-08-22 10:59 评论0 收藏0