将 HTML 放在 Rails 助手中

Question

所以我有一个 simple_form 的输入，如下所示：

<%= f.input :preferred_locale, collection: languages_available, label: "Choose Language", selected: current_user.preferred_locale, include_blank: false %>

因此，这将创建一个包含项目中可用语言的下拉列表。 可用语言是这样的数组，放置在 rails 助手中（extension.rb，仅 ruby，文件）：

def languages_available
    [
      ["English", 'en'],
      ["Spanish", 'es'],
    ]
end

问题是要在显示国旗的语言旁边显示一个图标。 问题是，在助手中你不能写 html。 没问题，我知道 html_safe 的存在，所以在集合中我做了类似的事情：

<%= f.input :preferred_locale, collection: languages_available.map { |e| e.map(&:html_safe) }, label: "Choose Language", selected: current_user.preferred_locale,include_blank: false %>

所以这将每个 substring 标记为 html_Safe。 有了这个我什么都看不到，我正在尝试一些简单的东西，比如放入数组

def languages_available
    [
      ["<b>English</b>", 'en'],
      ["Spanish", 'es'],
    ]
end

事情是这样的，因为我只看到“英语”而不是“< b>英语</ b>”作为纯文本，但我没有看到粗体字，所以我不知道出了什么问题。

编辑：谢谢你的回答，似乎在收集中，它生成一个 select 标签，不可能使用 html 因为它只支持文本，我必须找到另一种方法来完成这个。

Answer 1

我不认为你可以在 Html 中做到这一点，选项不可定制，但也许你可以使用一个列表，并使用 css 和/或 js 定制做一个下拉，我知道有很多库可以做到这一点.

这里有一个例子： https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_button

另一件事可能是使用带有标志的表情符号，我从未尝试过，但也许您可以将其放入纯文本并使用某些库自动将其转换为表情符号。