ruby-on-rails - rails 4 如何配置 ckeditor 4.1

Question

我不想在我的 Rails 应用程序中使用 CKEditor。

在我的 gemfile 中我添加了这一行

gem 'ckeditor', :git => 'https://github.com/galetahub/ckeditor.git'

在我运行“bundle update”和“rails generate ckeditor:install --orm=active_record --backend=paperclip”之后，我将这一行添加到我的 application.js 中:

//= require ckeditor/init

在我看来我添加了这一行:

<%= f.cktext_area :img, :ckeditor => {:toolbar => 'img', :customConfig => asset_path('ckeditor/config.js')} %>

我创建了这个文件夹和文件:

/app/assets/javascripts/ckeditor
/app/assets/javascripts/ckeditor/config.js
/app/assets/javascripts/ckeditor/contents.css

我的 config.js 看起来像这样:

CKEDITOR.editorConfig = function( config )
{
    config.toolbar_img = [
        { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] },
    ]
}

为什么我的编辑器看起来像这样？

Answer 1

用这个改变你的 config.js 文件:

CKEDITOR.config.toolbar= [
    { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }
];

确保在 application.js 文件中需要 config.js:

//= require ckeditor/init
//= require_tree ./ckeditor

另外，CSS 文件应该在这里:/app/assets/stylesheets/ckeditor/contents.css 不在这里 /app/assets/javascripts/ckeditor/contents.css

完成上述更改后，您可以执行以下操作:<%= f.cktext_area :img %> .

但是，如果您想直接在 text_area 中传递配置值，那么应该这样做:

<%= f.cktext_area :img, :ckeditor => {:toolbar => 'mini'} %>

或:

<%= f.cktext_area :img, :ckeditor => {:toolbar => {'name' => 'document', 'items' => ['Source']} } %>