使用Rails 4和簡單表單將圖像標簽添加到復選框輸入字段

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? %>

而且我無法弄清楚如何使圖像標簽顯示在輸入字段中。 生成表單時，我得到的是這個（缺少image標簽）：

<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() 。