手把手教你用 CKEDITOR （4）: 扩展

今天让我们来探索一下ckeditor的扩展功能，换句话说就是自定义按钮，以及点击按钮之后实现的功能。
要实现自定义按钮，我们要做几个事情：

• 1、准备一个图标，最好是16*16大小的png格式图片，你没有的话，姜哥帮你准备了一张。
• 2、在plugins目录下建立我们和自定义插件同名的目录，并且在里面建立一个叫plugin.js的文件。
• 3、在我们自己的插件目录中，建立一个dialogs目录，并且在里面新建一个与我们插件同名的js文件，实现插件的功能。

动手！
1、建立相应的文件夹和文件，姜哥在ckeditor/plugins/下新建了一个myplug目录，将来我的插件就叫myplug

2、编辑plugin.js文件，填入以下内容，特别要注意里面的名字前后保持一致，后期运行有问题，多半是名字写错了：

(function(){ 
    //Section 1 : 按下自定义按钮时执行的代码 
    var a= { 
        exec:function(editor){ 
            alert("This a custome button!"); 
        } 
    }, 
    //Section 2 : 创建自定义按钮、绑定方法 
    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 &#