rails 4如何配置ckeditor 4.1

Evo*_*tio 3 ruby ruby-on-rails ckeditor

我不想在我的Rails-App中使用CKEditor.

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

gem 'ckeditor', :git => 'https://github.com/galetahub/ckeditor.git'
Run Code Online (Sandbox Code Playgroud)

在我运行"bundle update"和"rails generate ckeditor:install --orm = active_record --backend = paperclip"后,我添加到我的application.js这一行:

//= require ckeditor/init
Run Code Online (Sandbox Code Playgroud)

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

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

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

/app/assets/javascripts/ckeditor
/app/assets/javascripts/ckeditor/config.js
/app/assets/javascripts/ckeditor/contents.css
Run Code Online (Sandbox Code Playgroud)

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

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

我的编辑器为何如此? CKEditor的

Sur*_*rya 5

使用以下命令更改config.js文件:

CKEDITOR.config.toolbar= [
    { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }
];
Run Code Online (Sandbox Code Playgroud)

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

//= require ckeditor/init
//= require_tree ./ckeditor
Run Code Online (Sandbox Code Playgroud)

此外,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'} %>
Run Code Online (Sandbox Code Playgroud)

要么:

<%= f.cktext_area :img, :ckeditor => {:toolbar => {'name' => 'document', 'items' => ['Source']} } %>
Run Code Online (Sandbox Code Playgroud)