Rails 4.2:无法集成用于引导的WYSIWYG编辑器

Question

安装Nerian wysihtml5 5-rails创业板，以创建WYSIWYG编辑器。这样用户就可以在文本区域中添加内容。我在content字段中添加了编辑器。

_form.html.erb

 <%= form_for @post do |f| %>
      <% if @post.errors.any? %>
        <h2><%= pluralize(@post.errors.count, "error") %> Prevented this post from saving: </h2>
        <ul>
          <% @post.errors.full_messages.each do |msg| %>
          <li><%= msg %></li>
        <% end %>
        </ul>
        <% end %>

        <%= f.label :title %><br>
        <%= f.text_field :title %>

        <br>
        <br>

        <%= f.label :content, "Write your article here" %><br>
        **<%= f.text_area :content, as: :wysihtml5 %>**

        <br>
        <br>

        <%= f.submit %>

      <% end %>

Gemfile

gem 'pygments.rb', '~> 0.6.0'
gem 'redcarpet', '~> 3.2.2'
gem 'devise'
gem 'bootstrap-wysihtml5-rails', github: 'nerian/bootstrap-wysihtml5-rails'
gem 'will_paginate', '~> 3.0.7'
gem 'coderay'

更新了application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap-wysihtml5
//= require bootstrap-sprockets
//= require_tree .

并将文件导入到我的application.css.scss中

@import "normalize";
  @import "welcome";
  @import "bootstrap-sprockets";
  @import "bootstrap";
  @import "articles";
  @import "bootstrap-wysihtml5/bootstrap3-wysihtml5";

但是在重新启动服务器之后，就不会出现WYSIWYG编辑器。

Answer 1

我认为带有默认Rails表单助手的选项as: :wysihtml5将无法工作，因为我只看到这个gem的作者说它将与simple_form一起工作。

您可以尝试通过javascript激活编辑器(将其放在application.js下面)

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

并将<%= f.text_area :content, as: :wysihtml5 %>更改为

<%= f.text_area :content, class: "wysihtml5" %>