content;?> ...">
美文网首页
mark.js文章关键字高亮插件使用

mark.js文章关键字高亮插件使用

作者: 程序员的自我修养 | 来源:发表于2020-05-29 09:04 被阅读0次

<html>

<input type="hidden" name="keyword" value="<?php echo $result->highlight_keywords; ?>">

<div class="sec_main">

     <?phh echo $result->content;?>

</div><!-- section main end -->

<js>

<script src="/static/js/jquery.mark.min.js"></script>

<script>

   $(function() {

       var keyword = $("input[name='keyword']").val();

       var options = {

           "className": "match"

       };

       $(".sec_main").mark(keyword,options);

   });

</script>

高亮文字的样式设置

<css>

.match{

     color:red;

}

相关文章

  • mark.js文章关键字高亮插件使用

    highlight_keywords;?>"> content;?> ...

  • sublime配置python

    插件安装 Anaconda:自动补全,显示变量,查找变量, Djaneiro:支持 Django 模版和关键字高亮...

  • vscode相关

    问题1:vscode语法不显示高亮 保存使用的插件 1.导出使用的插件 -进入插件目录 -dir C:\Users...

  • 类似百度搜索关键字,并高亮显示

    1、类似百度搜索关键字,并高亮显示关键字内容 1.1 关键字高亮函数设置 1.2 清除选中的关键字高亮 1.3...

  • ios日志查看工具--idevicesyslog

    安装步骤: 使用方法: 结合grep使用(优点:关键字可以高亮显示)idevicesyslog | grep 'x...

  • iOS 文字实现高亮

    /**正则匹配关键字高亮 keyword就是需要高亮的关键字 options:NSRegularExpressio...

  • vue 中highlight 代码无法高亮

    问题 在vue中使用代码高亮插件highlight.js的时候,始终无法生效代码高亮。这里我选择了 Highlig...

  • 2019-11-12

    有哪些大厂商在使用elasticsearch? 1.维基百科使用Elasticsearch提供全文搜索并高亮关键字...

  • 实践-小效果 V

    1.搜索关键字高亮显示 搜索关键字高亮显示Dome 2.动态改变tableHeaderView的高度 关键效果设置...

  • 7. Mac下安装vim+Plugin支持Markdown

    vim+markdown插件具备以下特点: markdown文件语法高亮 实时效果显示 一、安装语法高亮插件 vi...

网友评论

      本文标题:mark.js文章关键字高亮插件使用

      本文链接:https://www.haomeiwen.com/subject/sfcuohtx.html