HTML-код внутри кнопок с помощью simple_form

Я новичок в рельсах и просто нашел жемчуг simple_form. Я установил его с поддержкой bootstrap, но теперь я не могу заставить этот код работать так, как я его хочу.

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

Я просто хочу поместить значок внутри кнопки, но когда я это сделаю, он показывает мне кнопку с текстом '< я 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?

Ответы

Ответ 1

Не используйте content_tag. Следующие работы:

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

Ответ 2

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

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

Или напишите дополнительную оболочку.

Дополнительную информацию смотрите в методе simple_form/form_builder.rb FormBuilder #.

Ответ 3

Я думаю, вы не можете сделать это с помощью simple_form. Но у меня есть хорошие новости для вас. Вы должны быть в порядке с помощью помощника рельсов вместе с простой формой.

просто

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

Не уверен, что это работает, даже синтаксис, но он должен дать вам подсказку

Ответ 4

Вы можете сделать это со следующим кодом:

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

Обратите внимание, что вы хотите использовать f.button вместо f.submit Также обратите внимание, что :button должен быть первым параметром f.button

Ответ 5

Кнопка отправки одной строки в Rails с классом boottrap btn:

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