现在我们需要添加一个点击按钮,选择导入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'] }
]
}