CKEditor自定义工具栏按钮和功能

现在我们需要添加一个点击按钮，选择导入txt文本的功能。

首先，我们需要在CKEditor的工具目录plugins下创建一个文件importTxt（名字可以自己指定）。

注意： 对于CKEditor，插件文件夹的名称很重要，必须与插件的名称相同，否则编辑器将无法识别。

在新创建的importTxt文件夹中，我们需要新建一个包含插件逻辑的plugin.js文件，以及插件的工具栏图标。

编辑plugin.js文件如下：

(function(){ 
    //Section 1 : 按下自定义按钮时执行的代码 
    var a = {
        exec : function(editor) {
            importTxtTOCKEditor();
        }
    }, 
    // Section 2 : 创建自定义按钮、绑定方法
    b='importTxt'; 
    CKEDITOR.plugins.add(b,{
        icons:"importTxt",
        init:function(editor){ 
            editor.addCommand(b,a); 
            editor.ui.addButton('importTxt',{ 
                label:'导入TXT文本', 
                icon: this.path + 'txt.png', 
                command:b 
            }); 
        } 
    }); 
})(); 

现在我们已经创建好了插件，需要将插件加载并显示，打开CKEditor目录下的config.js，编辑如下

CKEDITOR.editorConfig = function( config ) {

      // 注册自定义按钮
    config.extraPlugins = "importTxt";
        config.toolbar = [
                      { name: 'myBar', items: ['-' ,'importTxt'] }  
        ]
}

工具栏定义英汉对照