使用simple_form的按钮内的HTML代码

Bru*_*pos 32 ruby ruby-on-rails simple-form twitter-bootstrap

我是rails的新手,刚刚找到了simple_form gem.我用bootstrap suport安装它,但现在我无法让这个代码按照我想要的方式工作

<%= f.button :submit, "<i class='icon-ok icon-white'></i> Save", class: "btn btn-primary" %>
Run Code Online (Sandbox Code Playgroud)

我只想把图标按钮里面,但我这样做的时候,就说明我的文字"<I类="图标确认图标白"> </ I>保存"按钮

我也试过

<%= f.button :submit, class: "btn btn-primary" do %><i class="icon-ok icon-white"></i> Save<% end %>
Run Code Online (Sandbox Code Playgroud)

但没有成功.如何使用simple_form gem在按钮内添加一些HTML?

Und*_*ion 69

不要使用content_tag.以下作品:

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


Bom*_*ook 24

在simple_form 3.0rc中使用:按钮按钮类型(它将您的块传递给原始的ActiveView按钮助手):

<%= f.button :button do %>
  <i class="icon-save"></i>
  Commit
<% end %>
Run Code Online (Sandbox Code Playgroud)

或者写下额外的按钮包装器.

有关其他信息,请查看simple_form/form_builder.rb FormBuilder#button方法.


Ism*_*reu 7

我认为你不能用simple_form做到这一点.但是我有个好消息.你可以使用rails helper和简单的形式一起使用.

做就是了

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

不确定这是否有效,即使语法,但它应该给你一个提示