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" %>