首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将令人敬畏的字体图标嵌入submit_tag

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

Stack Overflow用户
提问于 2012-08-03 01:52:47
回答 3查看 16.8K关注 0票数 19

我试着为我的按钮使用字体很棒的图标,但我不能让它在submit_tag中显示

代码语言:javascript
复制
 <%= submit_tag icon("search"), class: "btn-primary", style:"width:40px;" %>

输出:

代码语言:javascript
复制
 <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;">

帮助者:

代码语言:javascript
复制
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),但也没有效果。

EN

回答 3

Stack Overflow用户

回答已采纳

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

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

请尝试使用按钮:

代码语言:javascript
复制
<button class='btn btn-primary' style='width:40px;'>
  <%= icon("search") %>
</button>

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

票数 19
EN

Stack Overflow用户

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

代码语言:javascript
复制
<%= link_to(status, :method=>:delete) do %>
   <i class='icon-trash icon-large'></i>
<% end %>
票数 4
EN

Stack Overflow用户

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

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

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

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

https://stackoverflow.com/questions/11783061

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档