PBootCMS搜索关键字高亮

搜索关键字高亮只要加载一个高亮的JS就可以实现，网上会有很多高亮的插件

这里就简单讲解下

首先就是下载一个高亮的js就是案例演示里面的highlight.js

在搜索模板里面加这个高亮JS

<script src="{pboot:sitepath}/skin/js/highlight.js" ></script>

www.dtmb.wang/skin/js/highlight.js

然后在正文下面添加调用代码

<script type="text/javascript">
    $(function() {
    var otext = '{$get.keyword}' ;//这里使用这个万能标签来调用搜索关键字
    $('.goods_title h3').GL({      //.content这个是文本的框架样式
        ocolor:'red',   //设置关键词高亮颜色
        oshuru:otext   //设置要显示的关键词
    });
    });
  </script>

注意：

高亮的文字是添加<span>标签，可能标签样式会有冲突，具体情况自行修改highlight.js

搜索结果如下：

• 文章标题：PBootCMS搜索关键字高亮
• 文章标签： 更多
• 版权声明：本文为CMS圈所分享发布内容，部分为网络转载，如有侵权请立即联系我们，我们第一时间删除并致歉！