高亮

高亮是一个显示命中结果中突出显示属性的组件。它通常用于在结果中显示搜索查询。

高亮和摘要的区别

高亮和摘要非常相似。主要区别在于，高亮返回整个字段值，突出显示匹配项，而摘要返回字段值的一部分，突出显示匹配项。

高亮对于标题等短值字段很有用。

摘要对于描述等长值字段很有用。

设置

以下文档已在 Elasticsearch 中索引

{
  "brand": "Apple",
  "product": "Macbook Pro 14",
  "in_stock": true,
  "shipping": 10 
}

Searchkit 设置

在 highlight_attributes 中的 search_settings

{
  search_settings: {
    highlight_attributes: ['product']
  }
}

用法

下面是一个 hitView 的示例，它显示了带有突出显示搜索查询的 product 属性。

 
const hitView = (props) => {
  return (
    <div>
      <h2><Highlight hit={props.hit} attribute="product" /></h2>
    </div>
  )
}
 

文档

• JS 组件 （在新标签页中打开）
• React InstantSearch （在新标签页中打开）
• Vue InstantSearch （在新标签页中打开）
• Angular InstantSearch （在新标签页中打开）

故障排除

1. 确保您在 search_settings 配置中包含 highlight_attributes。
2. 确保属性也指定在 search_attributes 中，并且与相同的字段匹配。