bootstrap-wysihtml5-帶有simple_form的導軌

Question

我剛開始使用Ruby on Rails編程，我真的很喜歡它。 我有一個帶有表單的小頁面（使用gem simple_form），並且我還集成了twitter引導程序。

這部分工作正常。 但是現在我想使用bootstrap-wysihtml5-rails編輯器（ https://github.com/Nerian/bootstrap-wysihtml5-rails ）。

這是我的表格：

<%= simple_form_for (@article) do |f| %>
<%= f.input :title, label: 'Titel' %>
<%= f.input :body, label: 'Content' %>
<%= f.input :tag_list, label: 'Tags' %>
<%= f.button :submit %>
<% end %>

我設置依賴項CSS和JavaScript。

我想對內容字段使用wysiwyg編輯器，但我不知道如何。有人可以給我示例內容字段嗎？

非常感謝你

Answer 1

在您的表單中，對於內容字段

 <%= f.input :content, label: 'Content' , input_html: { class: 'wysihtml5' } %>

然后在您的application.js中添加

$(document).ready(function(){
  $('.wysihtml5').each(function(i, elem) {
    $(elem).wysihtml5();
  });
})