带有CKEditor的rails 4 - 插件（codesnipet）不起作用

Question

我有一个问题，将插件codesnippet添加到我的ckeditor。

1. 我在gemfile中添加了gem'ckeditor'
2. 接下来将其添加到application.js // = require ckeditor / init
3. <％= f.input：body，：as =>：ckeditor，：input_html => {：ckeditor => {：toolbar =>'Full'}}％>到我的视图表单

然后我可以使用ckeditor。 我可以创建div容器填充它并返回ckeditor。

当我想向ckeditor添加codesippet时出现我的问题。

1. 为了使用这个插件，首先我创建app / assets / javascripts / ckeditor / config.js文件并填写：

    CKEDITOR.editorConfig = function( config ) { config.language = 'fr'; config.uiColor = '#AADC6E';}; 

2. 我从ckeditor网站下载所有依赖项的插件，并添加此文件做ckeditor / plugins，然后添加config.extraPlugins ='codesnippet'+其他插件。

3. 有了这个我看到codesnippet的图标，我可以使用它，但当我想关闭这个窗口并继续我看到我的ckeditor但我不能点击任何东西，我的所有网站上都是一个小的白色透明涂层 - 像这样的东西。

对于ckeditor中的每个显示窗口都会发生这种情况。 下面我想尝试解决这个问题：1。我尝试添加我的基本路径，如https://github.com/galetahub/ckeditor上的文档

2. 我尝试这个解决方案：

 in assets/javascripts/application.js //= require ckeditor_fix #- add this line //= require ckeditor/init //= require_tree . in assets/javascripts create new file ckeditor_fix.js var CKEDITOR_BASEPATH = '/assets/ckeditor/'; 

至少我尝试转动turbolinks，但仍然这不工作。 当我从我的app / assets / javascripts中删除ckeditor文件夹时，我的ckedtior工作得很好。

Answer 1

试试这个

<%= f.cktext_area :body, :ckeditor => {:toolbar => 'Full'} %>