title: CKEditor - Print Button Outside Toolbar
body: <p>i have removed the print button from the <code>CKEditor</code> Toolbar... now i want the print button to be outside the <code>CKEditor</code> in another div tag that is beside the <code>CKEditor</code>.... and i want the print button to have the button image that is used in <code>CKEditor</code> print button... the <code>config.js</code> code for the buttons :</p>
  
  <pre><code>config.toolbar = [
  
      { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'PasteText', 'Undo', 'Redo' ] },
      { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Scayt' ] },
      { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
          { name: 'styles', items: [ 'Font' ] },
          { name: 'styles', items: [ 'FontSize' ] },
  
          { name: 'links', items: [  ] },
  
      { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] },
  
      { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [  ] }, //Print , Templates
  
      { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock',  'BidiLtr', 'BidiRtl', 'language' ] },
      { name: 'insert', items: [ 'Image', 'Table', 'PageBreak' ] },
  
      { name: 'styles', items: [ 'Styles'] },
      { name: 'styles', items: [ 'Format'] },
  
  
  
  ];
  </code></pre>
  
  <p>how can i do the ones i stated above...?? any help would be appreciated... thanks in advance.. :)</p>