(function(){
 //Section 1 : 按下自定義按鈕時(shí)執(zhí)行的代碼
 var a= {
  exec:function(editor){
   alert("This a custome button!");
  }
 },
 //Section 2 : 創(chuàng)建自定義按鈕、綁定方法
 b='myplug'; //注意myplug名字
 CKEDITOR.plugins.add(b,{
  init:function(editor){
   CKEDITOR.dialog.add('myplugDialog', this.path + 'dialogs/myplug.js'); //注意myplug名字
   editor.addCommand('myplug', new CKEDITOR.dialogCommand('myplugDialog')); //注意myplug名字
   //注意myplug名字 和 圖片路徑
   editor.ui.addButton('myplug',{
    label:'打開我的插件',
    icon: this.path + 'myplug.png',
    command:b
   });
  }
 });
})();

CKEDITOR.editorConfig = function( config ) {
 config.extraPlugins="myplug"; //增加了我們的自定義插件
 config.toolbar = 'Full';
 config.toolbar_Full =
 [
  { name: 'custome_plugin', items : [ 'myplug'] }, //將自定義插件加入toolbar
  { name: 'insert', items : [ 'upload','album','-','Table' ] },
  { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
  { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript' ] },
  { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','-','Blockquote',
  '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
  { name: 'colors', items : [ 'TextColor','BGColor' ] },
  { name: 'document', items : [ 'Source' ] },
 ];
};

CKEDITOR.dialog.add('myplugDialog', this.path + 'dialogs/myplug.js'); //注意myplug名字

(function () {
  function myplugDialog(editor) {
  return {
   title: 'Who does you want to say hello?', //窗口標(biāo)題
   minWidth: 300,
   minHeight: 80,
   buttons: [{
    type: 'button',
    id: 'someButtonID',
    label: 'Button',
    onClick: function () {
     alert('This is a custome button');
    }
    //對(duì)話框底部的自定義按鈕
   },
   CKEDITOR.dialog.okButton, //對(duì)話框底部的確定按鈕
   CKEDITOR.dialog.cancelButton], //對(duì)話框底部的取消按鈕
   contents:      //每一個(gè)contents在對(duì)話框中都是一個(gè)tab頁(yè)
   [
    {
     id: 'user',   //contents的id
     label: 'You name',
     title: 'You name',
     elements:    //定義contents中的內(nèi)容，我們這里放一個(gè)文本框，id是name
     [
      {
       id: 'name',
       type: 'text',
       style: 'width: 50%;',
       label: 'You name',
      }
     ]
    }
   ],
   onLoad: function () {
    //alert('onLoad');
   },
   onShow: function () {
    //alert('onShow');
   },
   onHide: function () {
    //alert('onHide');
   },
   onOk: function () {
    //點(diǎn)擊 確定 按鈕之后觸發(fā)的事件
    var name = this.getValueOf( 'user', 'name' );
    //從界面上取值的方法，getValueOf( 'contents的id', '控件的id' )
    editor.insertHtml('<p>' + name + ' : Hello world!' + '</p>');
    //將內(nèi)容放入到editor
    this.commitContent();
   },
   onCancel: function () {
    //alert('onCancel');
   },
   resizable: CKEDITOR.DIALOG_RESIZE_HEIGHT
  };
 }
 CKEDITOR.dialog.add('myplugDialog', function (editor) {
  return myplugDialog(editor);
 });
})();