title: CKEditor toolbar configuration not working
body: <p>I recently started working with CKEditor, but the toolbar has functions we will not be using.</p>
  
  <p>I tried copying the code from the online toolbar configuration, but the toolbar doesn't change.</p>
  
  <p>my config.js file looks like this:</p>
  
  <pre><code>CKEDITOR.editorConfig = function( config ) {
      config.toolbarGroups = [
          { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
          { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
          { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
          { name: 'forms', groups: [ 'forms' ] },
          '/',
          { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
          { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
          { name: 'links', groups: [ 'links' ] },
          { name: 'insert', groups: [ 'insert' ] },
          '/',
          { name: 'styles', groups: [ 'styles' ] },
          { name: 'colors', groups: [ 'colors' ] },
          { name: 'tools', groups: [ 'tools' ] },
          { name: 'others', groups: [ 'others' ] },
          { name: 'about', groups: [ 'about' ] }
      ];
  
      config.removeButtons = 'Save,NewPage,Preview,Print,Replace,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,Superscript,Subscript,Language,Anchor,Flash,PageBreak,About';
  };
  </code></pre>
  
  <p>which was copies directly from the configuration tool.
  After the above, I tried pasting the code into the initialization function like the following block:</p>
  
  <pre><code>jQuery(function() 
  {   
      var editor = CKEDITOR.replace( 'message',
      {
          extraPlugins : 'stylesheetparser',
          extraPlugins : 'filebrowser',
          extraPlugins : 'popup',
          //contentsCss : '&lt;?= base_url(); ?&gt;css/layout.css',
           config.toolbarGroups = [
              { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
              { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
              { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
              { name: 'forms', groups: [ 'forms' ] },
              '/',
              { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
              { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
              { name: 'links', groups: [ 'links' ] },
              { name: 'insert', groups: [ 'insert' ] },
              '/',
              { name: 'styles', groups: [ 'styles' ] },
              { name: 'colors', groups: [ 'colors' ] },
              { name: 'tools', groups: [ 'tools' ] },
              { name: 'others', groups: [ 'others' ] },
              { name: 'about', groups: [ 'about' ] }
          ],
          config.removeButtons = 'Save,NewPage,Preview,Print,Replace,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,Superscript,Subscript,Language,Anchor,Flash,PageBreak,About'
      });
  
      CKFinder.setupCKEditor(editor);
  });
  </code></pre>
  
  <p>I also tried simply to show one part of the toolbar like this:</p>
  
  <pre><code>CKEDITOR.editorConfig = function( config ) {
           config.toolbar = [
          { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] }
      ];
  
      // Toolbar groups configuration.
      config.toolbarGroups = [
          { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }
      ];
  };
  </code></pre>
  
  <p>None of the above changed anything in the toolbar, so I am not sure if I overlooked something.</p>
  
  <p>Any help will be appreciated.</p>