第一步,先定义下拉列表要显示的内容
例如:
plugins.code = {
code:{
php : 'php',
csharp : 'csharp',
java : 'java',
css : 'css',
javascript : 'javascript'
}
};
与plugins.fontname、plugins.advtable等放在同一级内。
第二步:添加语言
KE.lang里加入一句:
code:'插入代码',
如:
KE.lang = {
source : 'HTML代码',
code:'插入代码',
undo : '后退(Ctrl+Z)',
//.....
这个语言是当鼠标放在插件的图标上时,显示的提示。
第三步,插件加入工具栏
在KE.setting的items里加入code,如:
items : [
'source', '|', 'code','image',
'flash', 'media', 'advtable', 'hr', 'emoticons', 'link', 'unlink', '|', 'about'
]
第四步,填写插件实现:
KE.plugin['code'] = {
//插件图标被点击的处理函数,要弹出下拉列表
click : function(id) {
var codeList = KE.lang.plugins.code.code;
var cmd = 'code';
KE.util.selection(id);
//创建一个menu
var menu = new KE.menu({
id : id,
cmd : cmd,
width : 150
});
KE.each(codeList, function(key, value) {
//产生列表里每一项的html
var html = '<span class="ke-reset">' + value + '</span>';
//添加每一项到menu里,当menu点击时调用code插件的exec方法,并把点击了的id和key传给exec
menu.add(
html,
function() { KE.plugin[cmd].exec(id, key); }
);
});
menu.show();
this.menu = menu;
},
//点了下拉列表的某一项后,在文本域插入一些代码
exec : function(id, value) {
var html = '<br/><br/>
';
KE.util.insertHtml(id, html);
this.menu.hide();
KE.util.focus(id);
}
};
放在与其实插件代码如KE.plugin['source'] 等的旁边。
为了防止不必要的层级错误,最好的办法就是跟在正确的边上
换句话说,如果你不知道怎么走,就跟着人家知道怎么走的走。这是个真理。
分享到:
相关推荐
kindeditor-4.1.11-zh-CN插件,其中包含了官方的api文档
KindEditor ASP.NET 本ASP.NET程序是演示程序,建议不要直接在实际项目中使用。 如果您确定直接使用本程序,使用之前请仔细确认相关安全设置。 使用方法: 1. 解压zip文件,将所有文件复制到IIS的wwwroot/...
富文本 文章在线编辑器kindeditor4x---加上layui版
kindeditor-4.1.11-zh-CN 富文本编辑器
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...
KindEditor富本编辑器-jsp版 直接复制到项目里直接可以用,本地路径 http://127.0.0.1:8080/KindEditor/kindeditor-4.1.10/examples/default.html
kindeditor_2011-07-19
kindeditor_v3.5.5-zh_CN 内含图片服务器故障解决方案
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...
一怒之下,我自己进行了修改和配置,搞成了一个网站示例.下载解压后,可以直接运行!!完全无问题.! Kindeditor版本好像官方2012年之后就不更新了,官方最新的为 KindEditor 4.1.1 (2012-06-10), ,我这个网站里的是从qq群...
Kindeditor-3.5-project很实用的 很简单 大家看看例子。
kindeditor自定义添加网络视频插件-,修改批量图片上传方式flash为h5上传kindeditor自定义添加网络视频插件-,修改批量图片上传方式flash为h5上传
kindeditor-4.1.2kindeditor-4.1.2kindeditor-4.1.2
kindeditor-v4.1.3版 kindeditor_百度百科 KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器.
KindEditor使用说明书 官方只提供了网页版的说明,简单整理为word版!
WEB编辑器 kindeditor-3.5 很不错的,在自己项目中已经运用!
编辑器编辑器编辑器编辑器编辑器编辑器编辑器编辑器编辑器
kindeditor-阿里OSS上传PHP版,自己改写项目中使用。另有EXTJS版kindeditor类如有需要请留言
完美解决kindeditor IE11兼容性看不到弹出框 360浏览器兼容性问题 kindeditor在点击图片上传或者其他弹出窗口后 只显示遮罩 不显示弹出框问题