Rails和引导 - 添加HTML标签一个提交按钮文本

Question

我有一个表格的喜欢/不象按钮用ajax：

= form_for like, :html => { :method => :delete}, :remote => true do |f| 
= f.submit pluralize(@video.likes.count, 'like'), :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..." 

的形式完美的作品。

我想在提交按钮的文本前添加一个图标。添加图标引入haml代码如下（Twitter的引导）：

%i.icon-heart.icon-white 

有没有办法来这个网站添加到该按钮？我试图将它作为纯html添加，但是rails将它作为文本呈现。

UPDATE

我必须设法封装中包含的图标和适当的造型跨度类提交按钮。我现在需要删除按钮上的所有样式...

%span.btn.btn-danger.btn-mini 
    %i.icon-heart.icon-white 
    = f.submit pluralize(@video.likes.count, 'like') 

Answer 1

感谢ismaelga，我发现this SO question。

这是解决方案：

<%= button_tag(type: 'submit', class: "btn btn-primary") do %> 
<i class="icon-ok icon-white"></i> Save 
<% end %> 

Answer 2

试试这个。我没有测试，但我认为可以做这样的事情。

= f.submit :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..." do 
    %i.icon-heart.icon-white 
    = pluralize(@video.likes.count, 'like') 
end 

所以这是可能的，如果你在哪里使用simple_form。对不起。

所以闯闯将

= f.submit "#{pluralize(@video.likes.count, 'like')} <i class='icon-heart icon-white'/>".html_safe, :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..." 

Answer 3

贾斯汀D'的回答帮我还。如果你从谷歌来到这里，你正在寻找一个苗条的实现，你可以做这样的：

= button_tag(type: 'submit', class: 'btn btn-default') do 
    span.glyphicon.glyphicon-floppy-disk> 
    | Save 
end 

修身用户将认识到>的必要性。

这个工作对我使用Rails 4.1.5，2.1.2红宝石和引导，青菜3.2为9月24日，2014年

Answer 4

另一种选择可能是button到位的submit

看到的Rails文档FormBuilder#button

= f.button :class => "btn btn-warning btn-mini" do 
    %i.icon-heart.icon-white 
    = pluralize(@video.likes.count, 'like') 

Answer 5

Soluction

= button_to('Add', line_item_path, method: :post , class: "btn btn-warning btn-lg" , params: { param1: 'value1', param2: 'value2' }) 

http://qiita.com/tomomomo1217/items/a5f790c31670587e2d87

How to place an image inside of a link?

Answer 6

请尝试下面的代码。它的作品

<%= f.submit :class => "btn btn-success btn-mini" %>