Question

使用Rails 4，Simple_Form和Bootstrap 3，我试图让我的输出HTML看起来像这样使用一些前端样式：

<div class="checkbox">
  <input value="0" type="hidden" name="member[remember_me]">
    <label class="boolean optional" for="member_remember_me">
      <input type="checkbox" value="">
        <i class="input-helper"></i>
          Keep me signed in
    </label>
</div>

在我的表格中，我有这个：

<%= f.input :remember_me, class: 'checkbox inline', type: 'checkbox', as: :boolean if devise_mapping.rememberable? %>

我无法弄清楚如何让图像标记显示在输入字段中。生成表单时得到的是这个（缺少图像标记）：

<div class="checkbox">
  <input value="0" type="hidden" name="member[remember_me]">
    <label class="boolean optional" for="member_remember_me">
      <input class="boolean optional" type="checkbox" value="1" name="member[remember_me]" id="member_remember_me">Remember me
    </label>
</div>

我已经尝试过这个块，我认为应该这样做，但唉，不：

<%= f.input :remember_me, class: 'checkbox inline', type: 'checkbox', as: :boolean if devise_mapping.rememberable? do %>
  <i class="input-helper"></i>
<% end %>

有什么建议吗？我是否需要编写自定义包装器才能显示图像标记？

Answer 1

将内容置于任何rails标记内的一个选项是使用

 "#{image_tag('filename.png')}".html_safe

代替文字，或使用raw()。

使用Rails 4和简单表单将图像标记添加到复选框输入字段

1 个答案: