Rails和引导:如何向提交按钮文本添加HTML标记?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (97)

我有一个类似/不同按钮的表单,使用Ajax:

= form_for like, :html => { :method => :delete}, :remote => true do |f|
= f.submit pluralize(@video.likes.count, 'like'), :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..."

这个表格很好用。

我想在提交按钮的文本前面添加一个图标。添加图标的Haml代码如下(Twitter引导):

%i.icon-heart.icon-white

有办法将这个html添加到按钮中吗?我尝试将其添加为普通html,但Rails将其呈现为文本。

提问于
用户回答回答于

这就是解决办法:

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

我还没有测试过,但我认为这样做是可能的:

= f.submit :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..." do
  %i.icon-heart.icon-white
  = pluralize(@video.likes.count, 'like')
end

另一个尝试是

= f.submit "#{pluralize(@video.likes.count, 'like')} <i class='icon-heart icon-white'/>".html_safe, :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..."

扫码关注云+社区

领取腾讯云代金券