使用rails 4和简单表单将图像标记添加到复选框输入字段 [英] Add Image Tag to Checkbox Input Field with Rails 4 and Simple Form

问题描述

使用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 %>

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

推荐答案

将内容放入任何rails标记中的一种选择是使用

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

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

这篇关于使用rails 4和简单表单将图像标记添加到复选框输入字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！