solr搜索关键字高亮显示
2017-11-07 11:21
381 查看
solr搜索关键字高亮显示主要步骤:
后端:
1.高亮选项初始化HighlightQuery query=new SimpleHighlightQuery(); HighlightOptions highlightOptions=new HighlightOptions().addField("item_title");//高亮域 highlightOptions.setSimplePrefix("<em style='color:red'>");//前缀 highlightOptions.setSimplePostfix("</em>");//后缀 query.setHighlightOptions(highlightOptions);//为查询对象设置高亮选项
2.获取高亮页对象
HighlightPage<TbItem> page = solrTemplate.queryForHighlightPage(query, TbItem.class);
3.获取高亮入口集合
List<HighlightEntry<TbItem>> entryList = page.getHighlighted();
4.获取高亮列表(高亮域的个数)
List<Highlight> highlightsList = entry.getHighlights();
5.获取每个域有可能存储多值
List<String> snipplets = h.getSnipplets();
6.获取要高亮的内容
snipplets.get(0)
前端:
1. 在使用angularjs框架的时候,前端是对html有保护功能,要添加$sce服务才能显示高亮定义过滤器
app.filter('trustHtml',['$sce',function($sce){ return function(data){//传入参数是被过滤的内容 return $sce.trustAsHtml(data);//返回的是过滤后的内容(信任html的转换) } }]);
2. ng-bind-html指令用于显示html内容
竖线 | 用于调用过滤器
<div class="attr" ng-bind-html="item.title | trustHtml"></div>
相关文章推荐
- solr对大文本搜索每个关键字高亮显示一次
- jquery高亮显示搜索的关键字
- WPF搜索关键字高亮显示
- 使用正则表达式实现搜索关键字高亮显示
- 在domino中搜索关键字时高亮显示搜索结果
- 用JS将搜索的关键字高亮显示实现代码
- Android 搜索关键字高亮显示及开发中遇到的坑
- JavaScript正则方法replace实现搜索关键字高亮显示
- 站内搜索 高亮显示关键字(兼容火狐 谷歌 ie)
- Javascript 高亮显示搜索到的关键字
- 按关键字搜索后将关键字高亮显示!
- ASP.NET使用正则表达式实现搜索关键字高亮显示
- Lucene 对搜索关键字进行高亮显示
- 高亮显示搜索到的关键字-jquery.highlight.js的用法!
- Android学习------运用 Filter 实现关键字搜索,并且高亮显示关键字
- Javascript 高亮显示搜索到的关键字
- Angularjs实现搜索关键字高亮显示效果
- iOS UIWebView 搜索关键字并高亮显示
- 【陈希章】 http://www.xizhang.com 多文件下载、jquery、ashx调用静态方法、搜索关键字高亮显示、Background-position的妙用
- Asp.net 中高亮显示搜索关键字简单方法