最近项目需要对已有的FCKeditor添加新的功能,以前的做法只是在外壳处再次封装,这次看样子要进行全面改造了。
需要修改的文件:
- fckconfig.js
- zh-cn.js
- fckeditorcode_gecko.js || fckeditorcode_ie.js(这里针对gecko的浏览器,ie的相同)
Step 1:在Toolbar中添加功能按钮
fckconfig.js:FCKConfig.ToolbarSets[“Basic”] 中添加按钮名称
- FCKConfig.ToolbarSets["Basic"] = [
- ['Bold','Italic','-','About', 'Test']
- ] ;
Step 2:为按钮添加中文名称
zh-cn.js:为你的按钮起个名字
- DlgAboutInfo : "要获得更多信息请访问 ",
- Test : "测试"
Step 3:在Toolbar中显示该按钮
fckeditorcode_gecko.js:(这个JS的代码经过压缩,可以使用工具格式化再进行修改)
查找:
- case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
在break后插入你的代码
- case 'Test':B=new FCKToolbarButton('Test',FCKLang.Test,null,null,true,null,50);break;
这样就可以在Toolbar中显示你的按钮了
Step 4:定义按钮功能原型
ckeditorcode_gecko.js:
查找:
- var FCKNewPageCommand=function(){this.Name='NewPage';};
- FCKNewPageCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;};
- FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};
定义功能原型:(这里直接复NewPage的实现代码,可修改成自已的)
- var FCKTestCommand=function(){this.Name='NewPage';};
- FCKTestCommand.prototype.Execute=function(){function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;};
- FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};
将上面代码搜入到查找内容之后。
Step 5:按钮功能实例化:
ckeditorcode_gecko.js:
查找:
- case 'NewPage':B=new FCKNewPageCommand();break;
功能实例化:
- case 'Test':B=new FCKTestCommand();break;
将上面代码搜入到查找内容之后。
OK,这样就可以在为FCKeditor加上自定义的按钮了。
分享到:
相关推荐
FCKLang是语言包对象,您只要打开FCK/editor/lang/下面的相应语言包添加相应的名称属性就可以了,比如:MyAlbum打开我的像册。注意大小写!至此我们的添加工作已完成。
fckeditor编辑器自定义按钮,弹出页面,返回数据添加到fck编辑器
最近项目需要对已有的FCKeditor添加新的功能,以前的做法只是在外壳处再次封装,这次无法满足需求只能进行内部修改了。
2.为了方便RAD开发,我们把FCKeditor控件也添加到VS的工具箱(Toolbox)上来,展开工具箱的常用标签组(General),右键选择组件(Choose Items…),在对话框上直接找到浏览按钮,定位FredCK.FCKeditorV2.dll,然后...
此播放器颜色可自定义修改,打开fckeditor\editor\plugins\kmp\wpAudioPlay.js找到播放器各部分的颜色值直接修改,比如要修改此播放器底色为白色,那么找到如下的代码bg=0xCDDFF3将其中的颜色值CDDFF3修改为FFFFFF...
今天,在做程序的时候发现 FCKeditor功能并不强大(开始还不知道可以用插件,汗~),至少没有上传视频,专辑,音乐,水印等功能(以前我也修改过DVBBS的编辑器,也自定义了很多使用按钮).
这是改过的Basic,把图像功能去掉,把添加链接功能去掉,因为图像和链接和flash和图像按钮添加功能都能让前台 页直接访问和上传文件, fckeditor还支持编辑域内的鼠标右键功能 FCKConfig.ContextMenu = ['Generic...
CKEditor是新一代的FCKeditor,是一个重新开发的版本,CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。CKEditor 4.10.1 中文版 更新日志:2018-11-01已修复问题...
为按钮添加对话框 删除表格选定记录 删除表格记录警告 关于日期格式 表格超连接列传递参数 清空Cookie 获取错误信息并到指定页面 自定义异常处理 javascript小技巧 DotNet密码加密的技术 用户...
为按钮添加对话框 删除表格选定记录 删除表格记录警告 关于日期格式 表格超连接列传递参数 清空Cookie 获取错误信息并到指定页面 自定义异常处理 javascript小技巧 DotNet 密码加密的...
前台会员相关的功能包括:用户列表,积分排行,用户搜索(可按籍贯、姓名、性别等等搜索) 4、后台发布文章增加一个时间自定义选项; 5、发布文章时可转向链接; 6、编辑器都增加了插入分页按钮(三种编辑器都有); ...
使用移动设备中按钮组的下拉列表 – 使用按钮下拉列表而不是按钮组,以便在移动模式下为数据保存更多空间 更多 jQuery更新(jQuery Mobile已删除) jQuery文件上传已更新 JsRender更新了 tinyMCE和CKEditor扩展(仅...
5.上传图片或文件时可在同一个页面重复使用,也就是说一个页面可以放N个上传按钮; 6.修正了后台添加广告或编辑广告内容时,如果是代码类型发生错误问题; 7.换了广告焦点图FLASH插件,解决了用户反映第一张图片无法...
上传图片或文件时可在同一个页面重复使用,也就是说一个页面可以放N个上传按钮; 6.修正了后台添加广告或编辑广告内容时,如果是代码类型发生错误问题; 7.换了广告焦点图FLASH插件,解决了用户反映第一张图片...
更强大的文章编辑器 还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,...
还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,支持插入视频和在线...
4、后台发布文章增加一个时间自定义选项; 5、发布文章时可转向链接; 6、编辑器都增加了插入分页按钮(三种编辑器都有); 7、前台用户发表文章的编辑器用fckeditor,因为它支持Firefox; 8、采集如果选择保存图片的...
-如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...