脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-CKeditor插件开发流程，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 1.放在多文件中
第一步：config.js中
[javascript]
config.extraPlugins = '插件名称';//注册插件,extraPlugins只允许出现一次，你如果之前有新增别的插件，那么用逗号分隔
第二步：plugins文件夹下新建：插件名称 文件夹
第三步：
1:在Plugins/插件名称/下新建plugin.js;
2:在plugins/插件名称/下新建 diaLOGs文件夹，并在其内新建 "插件名称.js"
[javascript]
(function() {
CKEDITOR.plugins.add("插件名称", {
requires: ["dialog"],
init: function(a) {
a.addCommand("插件名称", new CKEDITOR.dialogCommand("插件名称"));
a.ui.addButton("插件名称", {
label: "插件名称",//调用dialog时显示的名称
command: "插件名称",
icon: this.path + "g.ico"//在toolbar中的图标
});
CKEDITOR.dialog.add("插件名称", this.path + "dialogs/插件名称.js")
}
})
})();
第四步：/plugins/插件名称/dialogs/插件名称.js 内容如下：
[javascript]
(function() {
CKEDITOR.dialog.add("插件名称",
function(a) {
return {
title: "插件名称",
minWidth: "500px",
minHeight:"500px",
contents: [{
id: "tab1",
label: "",
title: "",
expand: true,
width: "500px",
height: "500px",
padding: 0,
elements: [{
style: "width:500px;height:500px",
html: '内容测试'
}]
}],
onOk: function() {
//点击确定按钮后的操作
//a.insertHtml("编辑器追加内容");
}
}
})
})();
2、放在单个plugin.js中
第一步：config.js中
[javascript]
config.extraPlugins = 'clearempty';//注册插件,extraPlugins只允许出现一次，你如果之前有新增别的插件，那么用逗号分隔
第二步：plugins文件夹下新建：clearempty 文件夹
第三步：在plugins/clearempty/下新建plugin.js；内容如下:
[javascript]
(function() {
CKEDITOR.plugins.add('clearempty', {
requires: ['styles', 'button'],
init: function(a) {
a.addCommand('clearempty', CKEDITOR.plugins.clearempty.COMmands.clearempty);
a.ui.addButton('clearempty', {
label: "清除空行",
command: 'clearempty',
icon: this.path + "g.ico"//这个g.ico是你的插件图标，放在同目录下
});
}
});
CKEDITOR.plugins.clearempty = {
commands: {
clearempty: {
exec: function(a) {
VAR _html = a.getData();
//在这里执行你将_html中的空行替换掉的操作
a.setData(_html);
}
}
}
};
})();
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-CKeditor插件开发流程全部内容，希望文章能够帮你解决javascript代码实例教程-CKeditor插件开发流程所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。