bootstrap-wysihtml5-rails with simple_form

时间:2014-03-05 07:46:57

标签: ruby-on-rails twitter-bootstrap wysiwyg

我刚开始用Ruby on Rails编程,我真的很喜欢它。我有一个带有表单的小页面(使用gem simple_form),我还集成了twitter bootstrap。

这部分工作正常。但现在我想使用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编辑器,但我不知道如何...有人能给我一个内容领域的例子吗?

非常感谢

1 个答案:

答案 0 :(得分:3)

在您的表单中,对于内容字段执行

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

然后在你的application.js中添加

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