FCKeditor添加新的功能
2009-08-13 15:47
218 查看
2009-08-13
最近项目需要对已有的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加上自定义的按钮了
最近项目需要对已有的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加上自定义的按钮了
相关文章推荐
- FCKeditor添加删除功能
- 为FCK编辑器(FCKEditor)添加新按钮和功能
- FckEditor工具栏添加自定义按钮,并实现点击按钮的功能
- 在ASP.NET中为FCKEditor添加生成缩略图功能
- FckEditor添加右键菜单;增加编辑区右键图片删除功能(asp.net )
- 为FckEditor增加插件,添加自定义的功能按钮ToolBarButton
- FCKeditor编辑器添加图片上传功能及图片路径问题解决方法
- 在FCKeditor 2.6中添加插入视频和音频功能
- FCKeditor中添加删除图片的功能!
- 为FCKeditor2.6添加行距功能(最新修改)
- fckeditor 添加上传附件功能
- FCKeditor中添加删除图片的功能!
- fckeditor添加删除图片功能
- DEDECMS添加运行代码功能的FCKeditor编辑器修改方法
- Fckeditor添加导入Word文档功能(已测试通过)
- 为FCKEDITOR添加导入Word文档功能
- 为FCKeditor2.6添加行距功能(最新修改)
- 为FckEditor增加插件,添加自定义的功能按钮ToolBarButton
- FCK编辑器(FCKEditor)添加新按钮和功能的修改方法