PBootCMS搜索关键字高亮

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

这里就简单讲解下

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

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

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

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

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

注意:

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


搜索结果如下:

结果.jpg

源码下载:

搜索关键字高亮.zip