nasıl düğmeler için kullanıcı yazı tipine müthiş simgeleri çalışılıyor submit_tag

Question

içine font-müthiş simgeler gömmek ama submit_tag

<%= submit_tag icon("search"), class: "btn-primary", style:"width:40px;" %> 

çıktı göstermek için uyuyamıyrom:

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

yardımcı:

Yardımcının html.html_safe satırını kaldırdığımda aynı şeyi alıyorum. onun gibi html_safe çalışmıyor. Ayrıca hiçbir etkisi olmadan html = raw (html) denedim.

Answer 1

input[submit] daha kullanmak Bir simge göstermeniz gereken iç içe HTML'ye izin verin.

yerine düğmesini kullanarak deneyin:

Bu düğme etiketleri ve giriş davranışları arasındaki bazı farklılıklar dikkati çekiyor

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

etiket gönderebilir. Bir sürü harika ayrıntı için this SO question'a bakın. Kişisel olarak uygulamalarda düğme etiketleri kullanarak sorun yaşamadım. YMMV, farklı tarayıcılara ve benzerlerine göre.

Answer 2

Sana yardımcı den html_safe kurtulmak gerekir ve sadece icon("search")

yerine raw icon("search") kullanacağız düşünmek ve BaronVonBraun söylediği gibi - etiketler yok göndermek button ziyade Girdi

Answer 3

Bunu, HTML kodu simgeler ekleyebilirsiniz:

<i class="icon-search"></i> 

Ancak, Rails link_to yardımcısında yer simgeleri ilink_to yardımcı yöntemi kullanmak istiyorum.

1) Gemfile da varlıklar grubuna mücevher ekleyin: mücevher 'az-raylar-fontawesome'

2) paket yüklemek çalıştırın: Aşağıdaki adımları izleyin

3) Be @import 'fontawesome';, uygulama/varlık/stil sayfası/bootstrap_and_overrides.css.less sürümünde kullanılmamaktadır.

4) * link_to * helper yöntemi yerine * ilink_to * helper yöntemini kullanın.

<%= ilink_to "upload-alt", "Edit", edit_post_path(post), class: 'btn btn-mini' %> 

Obs: simge adı ile bağlantı metni kapalı ikon- önek soyulmuş önüne

Bu talimatlar Buradasınız: https://github.com/wbzyl/less-rails-fontawesome

Answer 4

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