修改fckeditor增加自定义按钮,配合大文章分页
来源:互联网 发布:淘宝买csgo 编辑:程序博客网 时间:2024/05/16 07:54
因为我的大文章分页的后台系统是用的fckeditor所以,我修改了他的代码,增加了自己定义的按钮。我参考了网上的文章 ,实现思路如下:
1 修改fckeditor的按钮图片,现提供如下。此文件位置在:/FCK/skins/silever/fck_strip.gif。
2 给你的按钮定义名称,我的叫:PageFn,把他放到/FCK/fckconfig.js中,FCKConfig.ToolbarSets["Default"] ,按照他写的格式添加到合适位置。
3 修改说明文件,/FCK/editor/lang/zh-cn.js,在最末尾添加
InsertPageFnLabel : "分页符",
InsertPageFn : "插入分页 "
4 修改js库,这里我只说明针对ie浏览器的js修改。/FCK/editor/fckeditorcode_ie.js
a 找到var FCKPageBreaksProcessor=FCKDocumentProcessor.AppendNew();在此语句结束后加:
var FCKPageFnProcessor=FCKDocumentProcessor.AppendNew();
FCKPageFnProcessor.ProcessDocument=function(A){var B=A.getElementsByTagName('DIV');
var C;
var i=B.length-1;
while (i>=0&&(C=B[i--])){if (C.style.pageBreakAfter=='always'&&C.childNodes.length==1&&C.childNodes[0].style&&C.childNodes[0].style.display=='none'){
var D=FCKDocumentProcessor_CreateFakeImage('FCK__PageFn',C.cloneNode(true));
C.parentNode.insertBefore(D,C);
C.parentNode.removeChild(C);}}};
b 找到var FCKPageBreakCommand=function(){this.Name='PageBreak';};在此语句结束后加:
var FCKPageFnCommand=function(){this.Name='PageFn';};
FCKPageFnCommand.prototype.Execute=function(){
var e=FCK.EditorDocument.createElement('DIV');
e.style.pageBreakAfter='always';
e.innerHTML='<span style="DISPLAY:none">|,|,|,|,|,|</span>';
var A=FCKDocumentProcessor_CreateFakeImage('FCK__PageBreak',e);
A=FCK.InsertElement(A);
};
FCKPageFnCommand.prototype.GetState=function(){return 0;};
c 找到case 'PageBreak':B=new FCKPageBreakCommand();break;
在后面增加:case 'PageFn':B=new FCKPageFnCommand();break;
d 找到case 'PageBreak':B=new FCKToolbarButton('PageBreak',FCKLang.PageBreakLbl,FCKLang.PageBreak,null,false,true,43);break;
在后面增加:
case 'PageFn':B=new FCKToolbarButton('PageFn',FCKLang.InsertPageFnLabel,FCKLang.InsertPageFn,null,false,true,67);break;
保存即可。
回到调用页看一下,是不是可以实现了?
- 修改fckeditor增加自定义按钮,配合大文章分页
- (转)FCKeditor如何自定义增加工具栏按钮
- 为FckEditor增加插件,添加自定义的功能按钮ToolBarButton
- FCKeditor添加自定义按钮
- fckeditor添加自定义按钮
- FckEditor自定义按钮
- FCKEditor中增加自定义行为
- 自定义按钮组,需自定义按钮配合
- ueditor 增加自定义按钮
- Fckeditor修改增加字体和字体大小
- 自定义datagrid分页按钮
- 自定义分页/按钮
- FCKeditor 2.1.1 添加自定义按钮
- 为Fckeditor添加自定义工具栏按钮
- 大文章的分页
- 大文章的分页
- asp.net与JQuery EasyUi DataGrid 服务器端分页,添加增加,修改,删除 按钮
- FCKEditor ConnectorSerlvet源码 自定义上传文件修改
- 30岁的问题,为什么有人说程序员只能干到30岁。
- 一些国内有名的开源项目
- 从access导入数据到sqlserver
- HttpUtility.HtmlEncode 方法 (String)
- 应用程序中断处理
- 修改fckeditor增加自定义按钮,配合大文章分页
- 数字电视标准
- 获得sql 语句执行时间
- Windows下安装使用openldap
- rails技巧之得到web应用中的web服务器地址和端口号
- ResultSetMetaData
- 二八原则的算法
- 选择与放弃
- Eclipse插件集合