Szyny i bootstrap - Dodaj znaczniki HTML do tekstu złożyć przycisk

Question

Mam formularz na podobnym/odróżnieniu przycisk za pomocą 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..." 

Formularz działa perfekcyjnie.

Chciałbym dodać ikonę przed tekstem przycisku Wyślij. Kod haml dodawania ikon jest następujący (twitter bootstrap):

%i.icon-heart.icon-white 

Czy istnieje sposób, aby dodać html do przycisku? Próbowałem dodać go jako zwykły html, ale szyny renderowały go jako tekst.

UPDATE

mam udaje się ująć w przycisk w span class, który zawiera ikonę i odpowiednią stylizację. Teraz muszę usunąć wszystkie stylizacje na przycisku ...

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

Answer 1

Dzięki ismaelga znalazłem this SO question.

To rozwiązanie:

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

Answer 2

Spróbuj tego. Nie testowałem, ale myślę, że można coś takiego zrobić.

= 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 

Było to możliwe, jeśli używasz simple_form. Przepraszam.

Więc kolejna próba byłaby

= 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

Justin D's odpowiedź pomogła mi również. Jeśli idziesz tu z Google i szukasz Slim realizacji, można to zrobić tak:

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

Slim użytkownicy uznają konieczność > „s.

ten pracował dla mnie z Rails 4.1.5, Ruby 2.1.2 i bootstrap-Sass 3.2 z dniem 24 września 2014 r

Answer 4

Innym rozwiązaniem mogłoby być button zamiast submit

zobaczyć Rails dokumentacja 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

Spróbuj poniższy kod. Działa

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