如何在 Rails 中突出显示搜索到的单词？

Question

我已经四处寻找了一段时间，但似乎找不到一种广受好评的、可靠的方法来实现这一目标。

基本上，当用户在我的网页上搜索某些内容时，说 ADDM，然后当页面重新加载以显示搜索结果时，我希望每个条目都包含字母 ADDM 突出显示（甚至只是粗体）。

Answer 1

由于您要重新加载页面，这意味着视图将被重新呈现，您可以在视图中使用 highlight 帮助器将搜索到的文本包装在 HTML 元素中。然后你可以为这些元素设置特定的样式。例如，假设您有一个search#show 操作，您将搜索文本存储在您的search 键中的params，您可以这样做：

# app/views/search/show.html.haml
- @results.each do |result|
  .result
    = highlight result.description, params[:search]

您可以为mark 元素（由助手生成）设置一些 CSS 来随意设置它们的样式，例如：

mark {
  font-weight: bold;
  background: #EFEFEF;
}