2013-06-21 32 views
5

CKEditor gemiyle CKEditor kullanıyorum (https://github.com/galetahub/ckeditor) ve özel bir araç çubuğu eklemeyi denemeden her şey düzgün çalışıyor.Raylar içinde CKEditor'a özel araç çubuğu ekleyin

Bazı yayınlarda bir config.js dosyası kullanılmasını önerdi. Ancak, talimatlara göre kurulum ile app/assets/javascripts'da /ckeditor/config.js dosyası yoktur. Ayrıca, javascripts dizinine /ckeditor/config.js eklediğimde, dosya yükleme işlevi çalışmayı durdurur. Bu, config.js boş bir dosya olsa bile olur. "Yükle" sekmesi, sunucunun yeniden başlatılmasıyla gizli ve işlevsel olmayan duruma gelir.

Araç çubuğunu evrensel olarak özelleştirebilmemin bir yolu var mı? Sadece Rails 3.2.11 benim Gemfile yılında

Kullanılması yararlı olacaktır şey ...

inline seçenekleri aşağı eşleştirmek veya bile Yoksa vardır:

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

yılında application.rb Ben: uygulamasında

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

. js ı vardır: Benim formda

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

Ben:

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'; 
}; 

cevap

1

size oluşturmak zorunda:

= f.cktext_area :content 

config.js ı kullanmaya teşebbüs dosyası el ile kendi config.js dosyası. Yükleme sekmesini korumak için, bunu çözmek için açıklar ckeditor mücevher repo Bu sorunu izleyin:

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

Sadece başvurulan yapılandırma yapıştırın config.js dosyasına Filebrowser ve Yükle sekmesi için JavaScript tam işlevsellik ile dönecektir.

İlgili konular