HTML код вътре в бутоните с simple_form - рубинка върху релси, рубин, twitter-bootstrap, проста форма

Аз съм нов в релсите и току-що намерих скъпоценния камък simple_form. Инсталирах го с поддръжка на bootstrap, но сега не мога да накарам този код да работи така, както искам

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

Просто искам да поставя иконата вътре в бутона, но когато го направя, той ми показва бутон с текст "<i class =" icon-ok icon-white "> </i> Запазване"

Аз също се опитах да направя

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

Но без успех. Как мога да добавя малко HTML вътре в бутона със скъпоценен камък simple_form?

Отговори:

66 за отговор № 1

Не използвайте content_tag. Следните работи:

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

---

22 за отговор № 2

В simple_form 3.0rc използвайте: тип бутон бутон (той предава вашия блок на оригиналния помощник на бутон ActiveView):

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

Или напишете допълнителна обвивка на бутон.

За допълнителна информация разгледайте метода на бутон simple_form / form_builder.rb FormBuilder #.

---

7 за отговор № 3

Мисля, че не можеш да го направиш с simple_form. Но имам добри новини за теб. Трябва да се оправиш, като използваш помощник на релсите заедно с проста форма.

просто го направи

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

Не съм сигурен дали това работи, дори синтаксисът, но трябва да ви даде подсказка

---

0 за отговор № 4

Можете да направите това със следния код:

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

Имайте предвид, че искате да използвате f.button вместо f.submit Също така имайте предвид, че :button трябва да бъде първият параметър за f.button

---

0 за отговор № 5

Примерен бутон за изпращане на един ред в Rails с клас за стартиране btn:

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

---