Django集成Elasticsearch后搜索结果无法高亮，求助解决方案

问题描述 #

我用Django和Elasticsearch搭建了博客，功能正常，但搜索结果的匹配内容无法加粗高亮。以下是我的实现代码，模板通过{{post.highlightBody|default:post.body}}访问内容，但高亮不生效。

后端代码 #

def search(request):
    query = request.GET.get('query')
    posts = []
    if query:
        q = Q('multi_match', query=query, fields=['title', 'body'], fuzziness='auto')
        search = Search().query(q)
        search = search.highlight('title', 'body')
        search = search.highlight_options(pre_tags='<b>', post_tags='</b>')
        hits = search.execute()
        for hit in hits:
            postId = hit.meta.id
            postById = Post.published.get(id=postId)
            highlight = hit.meta.highlight.to_dict().get(postId, {}).get('title', '') 
            highlightBody = hit.meta.highlight.to_dict().get(postId, {}).get('body', '') 
            post = {
                'title': hit.title,
                'body': hit.body,
                'link': postById.get_absolute_url(),
                'highlight': highlight,
                'highlightBody': highlightBody,
            }
            posts.append(post)
            
    return render(request, 'search/search.html', {'posts': posts, 'query':query})

问题原因及修复方案 #

1. 高亮结果获取逻辑错误 #

你错误地用文档ID作为键去访问hit.meta.highlight，但Elasticsearch返回的高亮结果是以字段名为键的，不需要通过文档ID索引。

2. HTML标签转义问题 #

设置的<b>是转义后的HTML标签，Django模板默认会再次转义，导致页面显示的是文本而非加粗效果，需要直接使用原始<b>标签。

修复后的后端代码 #

def search(request):
    query = request.GET.get('query')
    posts = []
    if query:
        q = Q('multi_match', query=query, fields=['title', 'body'], fuzziness='auto')
        search = Search().query(q)
        # 直接使用原始HTML标签作为高亮前后缀
        search = search.highlight('title', 'body').highlight_options(pre_tags='<b>', post_tags='</b>')
        hits = search.execute()
        for hit in hits:
            postById = Post.published.get(id=hit.meta.id)
            # 从highlight对象中直接提取字段的高亮内容（返回的是列表，取第一个片段）
            highlight_title = hit.meta.highlight.title[0] if hasattr(hit.meta.highlight, 'title') else hit.title
            highlight_body = hit.meta.highlight.body[0] if hasattr(hit.meta.highlight, 'body') else hit.body
            post = {
                'title': hit.title,
                'body': hit.body,
                'link': postById.get_absolute_url(),
                'highlight_title': highlight_title,
                'highlight_body': highlight_body,
            }
            posts.append(post)
            
    return render(request, 'search/search.html', {'posts': posts, 'query':query})

模板调整 #

在模板中添加safe过滤器，确保HTML标签不被转义：

{{ post.highlight_body|default:post.body|safe }}
{{ post.highlight_title|default:post.title|safe }}

额外说明 #

• Elasticsearch的高亮结果是对应字段的匹配片段列表，若需要控制片段长度或数量，可在highlight_options中添加参数，例如fragment_size=200限制片段长度。

内容的提问来源于stack exchange，提问作者Owl66