ruby-on-rails - simple_formのボタン内のHTMLコード

Question

私はrailsを初めて使用し、simple_formgemを見つけました。ブートストラップサポートを使用してインストールしましたが、このコードを希望どおりに動作させることができません

<%= f.button :submit, "<i class='icon-ok icon-white'></i> Save", class: "btn btn-primary" %>

ボタンの中にアイコンを入れたいのですが、これを行うと、「<i class ='icon-ok icon-white'> </i>Save」というテキストのボタンが表示されます。

私もやろうとしました

<%= f.button :submit, class: "btn btn-primary" do %><i class="icon-ok icon-white"></i> Save<% end %>

しかし、成功しませんでした。simple_form gemを使用してボタン内にHTMLを追加するにはどうすればよいですか？

score 71 · Accepted Answer

content_tagは使用しないでください。次の作品：

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

score 27 · Accepted Answer

simple_form 3.0rcでは、：buttonボタンタイプを使用します（ブロックを元のActiveViewボタンヘルパーに渡します）：

<%= f.button :button do %>
  <i class="icon-save"></i>
  Commit
<% end %>

または、追加のボタンラッパーを記述します。

詳細については、simple_form / form_builder.rb FormBuilder＃buttonメソッドを調べてください。

score 7 · Accepted Answer

simple_formではできないと思います。しかし、私はあなたに良い知らせがあります。シンプルなフォームと一緒にレールヘルパーを使用して問題ないはずです。

ただやる

button_tag(type: 'submit', class: "btn btn-primary") do
  content_tag(:i, class: "icon-ok icon-white")
  "Save"
end

これが機能するかどうかはわかりませんが、構文もわかりますが、ヒントが得られるはずです

score 1 · Accepted Answer

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

score 0 · Accepted Answer

これは、次のコードで実行できます。

= f.button :button, 'Send', data: { disable_with: "<i class='fi-heart'></i> Sending..." }

f.buttonの代わりに使用することに注意してください。f.submit また:button、最初のパラメータである必要があることに注意してください。f.button

5 に答える 5