如何创建带有图标和文本的 rails 按钮？

Question

您将如何使用导轨助手创建此按钮？

<button type="submit" class="btn">
 Create My Account <i class="fa"></i>
</button>

到目前为止我有

<%= f.submit "Create My Account", :class => "btn" %>

Answer 1

这个有用吗？

<%= f.submit "Create My Account <i class=\"fa\"></i>", :class => "btn" %>

Answer 2

有很多选择：-

        <%= f.submit (‘<i class=“fa fa-thumbs-up fa-lg”> </i>’).html_safe,:class=>"btn "%>

    --------------------------------------------------------------------

        <%= button_to update_users_path, {remote: true, class: "btn btn-small"} do %>
             Submit <i class="fa-save fa-md"></i>    
        <% end %>

    --------------------------------------------------------

        <%= button_tag( :class => "button_black") do %>
                Submit Details <i class="fa fa-reset fa-md"></i>
        <% end %>

Answer 3

https://github.com/bokmann/font-awesome-rails

在这里你会得到你的问题的答案。

<%=f.submit (fa_icon "camera-retro", text: "Take a photo"), class: "btn" %>

Answer 4

已经给出了 5 种不同的方法。我更喜欢：

<%= f.submit :class => "btn" do %>
  Create My Account <i class="fa"></i>"
<% end %>

我认为它是最干净的。

Answer 5

您可以使用 button 表单助手并向其传递一个块。

<%= f.button class: 'btn' do %>
  Create My Account <i class="fa"></i>
<% end %>

在 http://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html#method-i-button

如何创建带有图标和文本的 rails 按钮？

How to create a rails button with an icon and text?

ruby-on-rails

form-helpers