2012-11-21 154 views
0

我在rails 3.2应用程序中添加了ckeditor(gem“ckeditor”,“3.7.3”),并且工作正常。
但问题是我想从整个工具栏中找出特定的东西,我看过this
Here它提到了两种类型的工具栏Full和Easy,其中Easy配置如here所示。 Ckeditor in Rails 3


所以问题是如何获得所有变量的信息,以便我只使用我需要的信息。

回答

2

如果您创建一个/app/assets/javascripts/ckeditor目录,然后config.js文件中,你可以在这个例子中添加一些自定义这样做最小的工具栏,请注意我不想NewPage公司和预览的文件部分:

CKEDITOR.config.toolbar= [ 
// { name: 'document', items : [ 'NewPage','Preview' ] }, 
    { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, 
    { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] }, 
    { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar' ] }, 
    { name: 'tools', items : [ 'Maximize','-','About' ] }, 
    '/', 
    { name: 'styles', items : [ 'Styles','Format' ] }, 
    { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] }, 
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] }, 
    { name: 'links', items : [ 'Link','Unlink','Anchor' ] } 

]; 

请注意,您可能希望包含捆绑的config.js的内容,或者像图片上传器和文件浏览器不起作用的东西。我看起来像这样:

CKEDITOR.editorConfig = function(config) 
{ 
    // Define changes to default configuration here. For example: 
    // config.language = 'fr'; 
    // config.uiColor = '#AADC6E'; 

    /* Filebrowser routes */ 
    // The location of an external file browser, that should be launched when "Browse Server" button is pressed. 
    config.filebrowserBrowseUrl = "/ckeditor/attachment_files"; 

    // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Flash dialog. 
    config.filebrowserFlashBrowseUrl = "/ckeditor/attachment_files"; 

    // The location of a script that handles file uploads in the Flash dialog. 
    config.filebrowserFlashUploadUrl = "/ckeditor/attachment_files"; 

    // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Link tab of Image dialog. 
    config.filebrowserImageBrowseLinkUrl = "/ckeditor/pictures"; 

    // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Image dialog. 
    config.filebrowserImageBrowseUrl = "/ckeditor/pictures"; 

    // The location of a script that handles file uploads in the Image dialog. 
    config.filebrowserImageUploadUrl = "/ckeditor/pictures"; 

    // The location of a script that handles file uploads. 
    config.filebrowserUploadUrl = "/ckeditor/attachment_files"; 

    // Rails CSRF token 
    config.filebrowserParams = function(){ 
     var csrf_token, csrf_param, meta, 
      metas = document.getElementsByTagName('meta'), 
      params = new Object(); 

     for (var i = 0 ; i < metas.length ; i++){ 
      meta = metas[i]; 

      switch(meta.name) { 
       case "csrf-token": 
        csrf_token = meta.content; 
        break; 
       case "csrf-param": 
        csrf_param = meta.content; 
        break; 
       default: 
        continue; 
      } 
     } 

     if (csrf_param !== undefined && csrf_token !== undefined) { 
      params[csrf_param] = csrf_token; 
     } 

     return params; 
    }; 

    config.addQueryString = function(url, params){ 
     var queryString = []; 

     if (!params) { 
      return url; 
     } else { 
      for (var i in params) 
       queryString.push(i + "=" + encodeURIComponent(params[ i ])); 
     } 

     return url + ((url.indexOf("?") != -1) ? "&" : "?") + queryString.join("&"); 
    }; 

    // Integrate Rails CSRF token into file upload dialogs (link, image, attachment and flash) 
    CKEDITOR.on('dialogDefinition', function(ev){ 
     // Take the dialog name and its definition from the event data. 
     var dialogName = ev.data.name; 
     var dialogDefinition = ev.data.definition; 
     var content, upload; 

     if (CKEDITOR.tools.indexOf(['link', 'image', 'attachment', 'flash'], dialogName) > -1) { 
      content = (dialogDefinition.getContents('Upload') || dialogDefinition.getContents('upload')); 
      upload = (content == null ? null : content.get('upload')); 

      if (upload && upload.filebrowser && upload.filebrowser['params'] === undefined) { 
       upload.filebrowser['params'] = config.filebrowserParams(); 
       upload.action = config.addQueryString(upload.action, upload.filebrowser['params']); 
      } 
     } 
    }); 
}; 
+0

你从哪里得到捆绑的config.js的源代码?我试图回顾它,以更好地了解我的ckeditor,但我没有任何运气。 –

+0

@MichaelFok我相信这是来自这个博客:http://blog.antas.cz/config-js-or-why-i-like-ckeditor-that-much – Roko