问如何将令人敬畏的字体图标嵌入submit_tag
EN

Stack Overflow用户

提问于 2012-08-03 01:52:47

回答 3查看 16.8K关注 0票数 19

我试着为我的按钮使用字体很棒的图标，但我不能让它在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;">

帮助者：

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)，但也没有效果。

ruby-on-rails-3

twitter-bootstrap-rails

font-awesome

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-08-03 02:12:05

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

请尝试使用按钮：

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

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

票数 19

Stack Overflow用户

发布于 2013-07-19 07:53:11

<%= link_to(status, :method=>:delete) do %>
   <i class='icon-trash icon-large'></i>
<% end %>

票数 4

Stack Overflow用户

发布于 2012-08-03 02:11:04

我认为您需要从帮助器中去掉html_safe，使用raw icon("search")而不仅仅是icon("search")

正如BaronVonBraun所说的-使用button而不是input[submit]

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11783061

复制

相似问题

问如何将令人敬畏的字体图标嵌入submit_tag
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将令人敬畏的字体图标嵌入submit_tagEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将令人敬畏的字体图标嵌入submit_tag
EN