FCK添加自定义按钮(分页按钮)
2010-03-23 14:11
302 查看
最近项目需要对已有的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', 'CutPage']
] ;
Step 2:为按钮添加中文名称
zh-cn.js:为你的按钮起个名字
CutPage : “插入分页代码”
Step 3:在Toolbar中显示该按钮
fckeditorcode_gecko.js:(这个JS的代码经过压缩,可以使用工具格式化再进行修改)
查找:
case 'NewPage':B=new
FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
在break后插入你的代码
case 'CutPage':B=new
FCKToolbarButton('CutPage',FCKLang.CutPage,null,null,false,true,43);
这样就可以在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
FCKCutPageCommand=function(){this.Name='CutPage';};FCKCutPageCommand.prototype.Execute=function(){var
e=FCK.EditorDocument.createElement('');e.innerHTML='{nextpage}';FCK.InsertElement(e);};FCKCutPageCommand.prototype.GetState=function(){return
0;};
将上面代码搜入到查找内容之后。
Step 5:按钮功能实例化:
ckeditorcode_gecko.js:
查找:
case 'NewPage':B=new
FCKNewPageCommand();break;
功能实例化:
case 'CutPage':B=new
FCKCutPageCommand();break;
将上面代码搜入到查找内容之后。
OK,这样就可以在为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', 'CutPage']
] ;
Step 2:为按钮添加中文名称
zh-cn.js:为你的按钮起个名字
CutPage : “插入分页代码”
Step 3:在Toolbar中显示该按钮
fckeditorcode_gecko.js:(这个JS的代码经过压缩,可以使用工具格式化再进行修改)
查找:
case 'NewPage':B=new
FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
在break后插入你的代码
case 'CutPage':B=new
FCKToolbarButton('CutPage',FCKLang.CutPage,null,null,false,true,43);
这样就可以在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
FCKCutPageCommand=function(){this.Name='CutPage';};FCKCutPageCommand.prototype.Execute=function(){var
e=FCK.EditorDocument.createElement('');e.innerHTML='{nextpage}';FCK.InsertElement(e);};FCKCutPageCommand.prototype.GetState=function(){return
0;};
将上面代码搜入到查找内容之后。
Step 5:按钮功能实例化:
ckeditorcode_gecko.js:
查找:
case 'NewPage':B=new
FCKNewPageCommand();break;
功能实例化:
case 'CutPage':B=new
FCKCutPageCommand();break;
将上面代码搜入到查找内容之后。
OK,这样就可以在为FCKeditor加上自定义的按钮了。
相关文章推荐
- 为FCK添加自定义的功能按钮
- Qt之自定义界面(二)添加最小化、关闭按钮、添加背景
- 给phpcms v9专题添加一个radio单选按钮,可以多次利用专题创建不同的栏目进行内容编辑,给专题添加一个自定义字段
- 自定义UITabBar替换系统默认的(添加“+”号按钮)
- GridView 实现自定义分页、排序、查询、添加、编辑、多选删除、导出、突出显示等常见应用实现
- FCK添加自义功能、按钮(3篇)
- 在Ribbon中添加自定义按钮
- GridView 实现自定义分页、排序、查询、添加、编辑、多选删除 之代码规范
- 自定义首选项_添加顶部布局(返回按钮)
- 【asp.net小札记】Repeater自定义添加排序按钮+显示图片
- FCK编辑器(FCKEditor)添加新按钮和功能的修改方法
- FCKEditor 添加自定义按钮
- asp.net与JQuery EasyUi DataGrid 服务器端分页,添加增加,修改,删除 按钮
- Dynamics CRM2013 任务列表添加自定义按钮
- 如何在移动web模仿客户端给input输入框添加自定义清除按钮
- [转载]FCKeditor添加自定义按钮
- Yii-修改后自定义分页- 按钮使用方法(仅限zyd-yii项目)
- iOS创建不带nib文件的工程之四--在自定义view上添加按钮
- 数字键盘添加自定义按钮(转自cocoachina)
- iOS 自定义UITableViewCell上添加UIButton按钮实现选中的是哪个按钮对应的cell,用代理实现。