怎么样使用ckeditor自定义插件？

(function () {
 var a = {
   exec: function (editor) {
    //调用jsp中的函数弹出上传框，
    var url = '../view/fileupload/upload.jsp';
    openDialog({ //openDialog打开一个新窗口
     title: '插入图片',
     url: url,
     height: 600,
     width: 900,
     callback:function(){

     }
    });

   }
  },
  b = 'editorupload';


 CKEDITOR.plugins.add('editorupload', {
  init: function (editor) {
   editor.addCommand(b, a);
   editor.ui.addButton('editorupload', {
    label: '添加图片', //鼠标悬停在插件上时显示的名字
    icon: 'plugins/editorupload/images/image.png', //自定义图标的路径
    command: b
   });
  }
 });
})();

<div id="mainContent">
 </div>
 <div class=" box">
  <table class=" m-table">
   <colgroup>
    <col width="20%"/>
    <col width="80%"/>
   </colgroup>
   <tr>
    <td style="vertical-align:top;"><label class="module-name">图片说明</label></td>
    <td>
     <ul>
      <li>1、《PC首页轮播图片》长宽为666×250显示效果最好；《APP首页轮播图片》长宽为422×262显示效果最好；</li>
      <li>3、图片提交才会在首页生效；</li>
     </ul>
    </td>
   </tr>
  </table>
 </div>

 <div id="Pictures" class="detailWraper nopadding" style="display: none;height: auto;">
  <input id="hidPicturesStatus" type="hidden" value="0"/>
  <input id="hidCurrPictures" type="hidden" value=''/>
  <input id="hidDictSuggestion" type="hidden" value=''/>
  <table>
   <tr>
    <td>
     <div id="fileQueue"></div>
     <div id="picWrapper"></div>
     <a id="fake-dlg-bigPic" href="javascript:void(0)" style="display: none;"></a>
     <div id="dlg-bigPic" class="popImg" style="display: none;">
      <a class="leftBtn" href="javascript:void(0)"></a>
      <a class="rightBtn" href="javascript:void(0)"></a>
      <a class="closeImgBtn" href="javascript:void(0)"></a>
      <div class="imgList">
       <ul></ul>
      </div>
     </div>
     <div class="validation-summary-valid">
      <ul>
       <li style="display: none"></li>
      </ul>
     </div>

    </td>
   </tr>
  </table>
 </div>
 <div>
  <button id="fileUpload">批量上传</button>
  <button id="submit" class="btn btn-primary" style="vertical-align: top;line-height:23px;width:112px;height: 35px;">提交照片
  </button>
 </div>
</div>

//提交照片
  photoTaskDetail.submit = function () {
   var pictures = window.picManager._getPictures();
   if (pictures.length < 1) {
    alert('请至少上传1张图片');
    return false;
   }
   for (var i in pictures) {
    var imgPath = "<img src='" + staticFileRoot + pictures[i].URL + "'/>";
    var element = window.parent.CKEDITOR.dom.element.createFromHtml(imgPath);
    window.parent.CKEDITOR.instances.editorContent.insertElement(element);
   }
   parent.closeDialog(false);
  }

config.extraPlugins += (config.extraPlugins ? ',editorupload' : 'editorupload');
CKEDITOR.editorConfig = function( config ) {
 config.font_names= '宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;
 config.language = 'zh-cn';
 config.extraPlugins += (config.extraPlugins ? ',lineheight' : 'lineheight');
 config.extraPlugins += (config.extraPlugins ? ',editorupload' : 'editorupload');
 CKEDITOR.config.lineheight_sizes = CKEDITOR.config.lineheight_sizes + '30px'; 
 config.height = 650;
 config.toolbarCanCollapse = true;
 config.uiColor = '#90B8E9';
 config.toolbar = 'Full';
 config.toolbar_Full = [
  { name: 'document', items: [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
  { name: 'clipboard', items: [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
  { name: 'links',  items:['Link','Unlink']},
  { name: 'insert',  items:['HorizontalRule','Table','Image'] },

  '/',
  { name: 'basicstyles', items: [ 'Bold','Underline','Strike','Subscript','Superscript','-','RemoveFormat'] },
  { name: 'paragraph', items: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
  { name: 'styles',items: ['lineheight','Format','Font','FontSize']},
  { name: 'colors',items: ['TextColor', 'BGColor']},
  { name: 'tools', items : [ 'Maximize','editorupload'] }
];