ruby-on-rails-3 - 如何将 Font Awesome 图标嵌入 submit_tag

Question

尝试为我的按钮使用字体很棒的图标，但我无法让它显示在 submit_tag 中

 <%= submit_tag icon("search"), class: "btn-primary", style:"width:40px;" %>

输出:

 <input class="btn-primary" name="commit" style="width:40px;" type="submit" value="&lt;i class='icon-search' style='font-size:1em' &gt;&lt;/i&gt;">

helper :

def icon(name, size=1)
  #icon("camera-retro")
  #<i class="icon-camera-retro"></i> 

  html = "<i class='icon-#{name}' "
  html += "style='font-size:#{size}em' "
  html += "></i>"
  html.html_safe
end

当我删除助手的 html.html_safe 行时，我得到了同样的结果。它就像 html_safe 不起作用。我也试过 html = raw(html) 也没有效果。

Answer 1

输入提交标签不允许嵌套 HTML，您需要显示一个图标。

尝试使用按钮:

<button class='btn btn-primary' style='width:40px;'>
  <%= icon("search") %>
</button>

值得注意的是按钮标签和输入提交标签的行为之间的一些差异。查看 this SO question一堆很棒的细节。我个人在我的应用程序中使用按钮标签没有遇到任何问题。但是，YMMV 针对不同的浏览器等。