跪求!CKEditor如何添加自己写的插件 如题:跪求!CKEditor如何添加自己写的插件,请大虾举例说明最好,还有是否可以同时添加多个 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 第一步:config.js中config.extraPlugins = '插件名称';//注册插件 第二步:plugins文件夹下新建:插件名称 文件夹第三步:1:在plugins/插件名称/下新建plugin.js;2:在plugins/插件名称/下新建 dialogs文件夹,并在其内新建 "插件名称.js"(function() { CKEDITOR.plugins.add("插件名称", { requires: ["dialog"], init: function(a) { a.addCommand("插件名称", new CKEDITOR.dialogCommand("googlemaps")); a.ui.addButton("插件名称", { label: "插件名称",//调用dialog时显示的名称 command: "插件名称", icon: this.path + "g.ico"//在toolbar中的图标 }); CKEDITOR.dialog.add("插件名称", this.path + "dialogs/插件名称.js") } })})();第四步:/plugins/插件名称/dialogs/插件名称.js 内容如下(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: [{ type: "html", style: "width:500px;height:500px", html: '内容测试' }] }], onOk: function() { //点击确定按钮后的操作 //a.insertHtml("编辑器追加内容"); } } })})(); 修正:上面第三步中的a.addCommand("插件名称", new CKEDITOR.dialogCommand("googlemaps"));应该是a.addCommand("插件名称", new CKEDITOR.dialogCommand("插件名称")); [Quote=引用 2 楼 的回复:]我想自己添加一个删除所用空行的功能按钮,在老版本FCKeditor可以添加成功,但是在新版本CKEditor中始终添加不成功啊?求助? 第一步:config.js中config.extraPlugins = 'clearempty';//注册插件,extraPlugins只允许出现一次,你如果之前有新增别的插件,那么用逗号分隔第二步:plugins文件夹下新建:clearempty 文件夹第三步:1:在plugins/clearempty/下新建plugin.js;内容如下:(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); } } } };})(); Canvas编程练习:20几行js代码实现雷达扫描风格的图片切换效果 后执行的js输出的html代码仍然会自动应用之前加载的CSS样式吗? 帮忙解决JS的问题代码如下。急急急急急 脚本大人,这个功能怎么实现? javascript 语法问题。。。。。 在后台代码中如何获得前台变量? 请教:过滤HTML标记 innerHtml的问题,请大家帮帮忙! 如何用java script实现文件读取? 100分求购日期输入弹出框 jquery 绑定 onload事件,如何用jquery处理网页后再重新显示,如何让网站不先出现处理前的信息? 为什么我写的mouseover在火狐可以,在ie不可以??
config.extraPlugins = '插件名称';//注册插件
第二步:plugins文件夹下新建:插件名称 文件夹
第三步:
1:在plugins/插件名称/下新建plugin.js;
2:在plugins/插件名称/下新建 dialogs文件夹,并在其内新建 "插件名称.js"
(function() {
CKEDITOR.plugins.add("插件名称", {
requires: ["dialog"],
init: function(a) {
a.addCommand("插件名称", new CKEDITOR.dialogCommand("googlemaps"));
a.ui.addButton("插件名称", {
label: "插件名称",//调用dialog时显示的名称
command: "插件名称",
icon: this.path + "g.ico"//在toolbar中的图标 });
CKEDITOR.dialog.add("插件名称", this.path + "dialogs/插件名称.js") } })})();
第四步:/plugins/插件名称/dialogs/插件名称.js 内容如下
(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: [{
type: "html",
style: "width:500px;height:500px",
html: '内容测试'
}]
}],
onOk: function() {
//点击确定按钮后的操作
//a.insertHtml("编辑器追加内容");
}
}
})
})();
a.addCommand("插件名称", new CKEDITOR.dialogCommand("googlemaps"));
应该是
a.addCommand("插件名称", new CKEDITOR.dialogCommand("插件名称"));
我想自己添加一个删除所用空行的功能按钮,在老版本FCKeditor可以添加成功,但是在新版本CKEditor中始终添加不成功啊?求助?
config.extraPlugins = 'clearempty';//注册插件,extraPlugins只允许出现一次,你如果之前有新增别的插件,那么用逗号分隔第二步:plugins文件夹下新建:clearempty 文件夹
第三步:
1:在plugins/clearempty/下新建plugin.js;内容如下:
(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);
}
}
}
};
})();