首页 文章

在CKEditor中禁用对话框

提问于
浏览
1

ckeditor

大家好,

我在带有来自https://github.com/galetahub/ckeditor的gem的rails应用程序中使用CKEditor,并且想要删除图像上传功能 . CKEditor文档仅告诉您如何从对话框中删除元素 .

我试过像这样创建一个简单的工具栏配置 .

config.toolbar_mini = [
  ["Bold",  "Italic",  "Underline",  "Strike", "Subscript",  "Superscript"],
];

我用这个配置得到的编辑器如图所示 . 我需要摆脱工具栏中的图像按钮(朝向工具栏右侧的末尾) . 你们有没有人能够做到这一点?在此先感谢您的帮助!

2 回答

  • 0

    将此代码放在app / assets / javascripts / ckeditor / config.js中,并在config.toolbar数组中注释掉您不需要的内容 . 重要的是粘贴文件的全部内容以覆盖默认配置,只需更改所需内容即可 . 您已经配置了一个迷你工具栏 .

    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";
    
      config.allowedContent = true;
    
      // 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']);
          }
        }
      });
    
      // Toolbar groups configuration.
      config.toolbar = [
        // { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source'] },
        // { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
        // { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
        // { name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
        { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
        { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },
        '/',
        { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
        { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] }
      ];
    
      config.toolbar_mini = [
        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },
        { name: 'styles', items: [ 'Font', 'FontSize' ] },
        { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
        { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] }
      ];
    };
    
  • 1

    你可以将它添加到你的ckeditor配置文件 config.removePlugins = 'image';

相关问题