2013-06-21 24 views
5

Sto utilizzando CKEditor con la gemma CKEditor (https://github.com/galetahub/ckeditor) e tutto funziona correttamente, fino a quando non provo ad aggiungere una barra degli strumenti personalizzata.Aggiungi barra degli strumenti personalizzata a CKEditor nelle guide

Alcuni post che ho visto suggeriscono di utilizzare un file config.js. Tuttavia, con la configurazione in base alle istruzioni, non è presente il file /ckeditor/config.js in app/assets/javascripts. Inoltre, se aggiungo /ckeditor/config.js alla directory javascripts, la funzionalità di caricamento del file smette di funzionare. Ciò accade anche se config.js è un file vuoto. La scheda "Carica" ​​diventa nascosta e non funzionale con un riavvio del server.

C'è un modo per personalizzare universalmente la barra degli strumenti? O anche se posso solo accoppiare le opzioni in linea o qualcosa che sarebbe utile ...

Utilizzando Rails 3.2.11

Nel mio Gemfile ho:

gem "jquery-rails", "~> 2.2.1" 
gem "ckeditor" 
gem "carrierwave" 
gem "mini_magick" 
gem "cloudinary" 

In application.rb ho:

config.autoload_paths += %W(#{config.root}/app/models/ckeditor) 

In applicazione. js ho:

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require ckeditor/init 
//= require_tree ../../../vendor/assets/javascripts/. 
//= require_tree . 

Nella mia forma ho: il file

= f.cktext_area :content 

config.js ho tentato di utilizzare:

CKEDITOR.editorConfig = function(config) { 
    config.toolbar_Custom = [ 
    { name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','-','Templates' ] }, 
    { name: 'clipboard', items : [ 'PasteFromWord','-','Undo','Redo' ] }, 
    { name: 'insert',  items : [ 'Image','Table','HorizontalRule','SpecialChar','PageBreak' ] }, 
    { name: 'tools',  items : [ 'Maximize', 'ShowBlocks','-','About' ] }, 
    '/', 
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, 
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] }, 
    { name: 'links',  items : [ 'Link','Unlink','Anchor' ] }, 
    '/', 
    { name: 'styles',  items : [ 'Styles','Format','Font','FontSize' ] }, 
    { name: 'colors',  items : [ 'TextColor','BGColor' ] } 
    ]; 

    config.toolbar = 'Custom'; 
}; 

risposta

1

È necessario creare la tua proprio file config.js manualmente. Per conservare la scheda Carica, seguire la questione sul repo ckeditor gemma, che spiega come risolverlo:

https://github.com/galetahub/ckeditor/issues/238

Basta incollare il config di riferimento javascript per il filebrowser nel file config.js e la scheda Carica ritornerà con tutte le funzionalità.