ruby-on-rails - 按钮标签中嵌入的 HTML 标签 Rails Button_to

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
Is there a way with rails form helper to produce a button tag for submit

这可能是一个相当简单的问题，但我有这个 HTML 布局:

<button class="btn btn-large btn-inverse"><i class="icon-white icon-shopping-cart"></i> Add to bag</button> 

这是一个添加到购物车按钮，我正在按照《敏捷 Web 开发》一书创建购物车。问题是，在按钮标签之间嵌入 HTML，我如何让它像这样呈现？我试过这个:

%= button_to raw('<i class="icon-white icon-shopping-cart"></i> Add to bag'), line_items_path(product_id: product) %>

但首先它打印一个“输入”而不是按钮，并且文本在 html 中全部歪斜，而不是在开始和结束标记之间。

我知道我可以手动编写所有内容，但希望弄清楚是否有一种快捷方式可以使用rails标签执行此HTML输出，主要是因为使用twitter bootstrap我一直看到这种类型的HTML模式...

感谢任何帮助。

Answer 1

正如 Mischa 所评论的，它类似于 Is there a way with rails form helper to produce a button tag for submit .

content_tag 帮助器可用于在 Rails 中编写按钮。然而，这不是一个捷径，因为它比原始 html 需要更长的时间来编写。

但是，如果您需要经常执行此操作，您可以编写一个自定义帮助器方法来按照您想要的方式执行此操作!

只需添加到您的 app/helpers/application_helper.rb

def my_button_to name, options = {}, html_options = {} # or some variation
  # eg. deal with options hash the way button_to deals with it here?
  content_tag :button, html_options = nil do
    raw name
  end
end

<小时/>

现在您可以在 View 中使用它:

<%= my_button_to '<i class="icon-white icon-shopping-cart"></i> Add to bag', {}, :class => "btn btn-large btn-inverse" %>