FCK编辑器(FCKEditor)添加新按钮和功能的修改方法
在FCKeditor中添加自定义按钮需修改fckconfig.js、语言文件及核心js文件。在工具栏添加按钮名称,注册中英文标签,定义按钮功能原型并实例化,可设置快捷键实现功能扩展。注意文件路径与命名规范,确保兼容性。
在FCKeditor中加一个自定义按钮,看起来挺技术活,其实拆开一步步看,也就是几个配置文件的微调。你只需要准备好四个文件:fckconfig.js、zh-cn.js、en.js,以及专门处理浏览器内核的fckeditorcode_gecko.js(针对Firefox等非IE浏览器)或fckeditorcode_ie.js(针对IE)。如果想支持两种浏览器,那就两个包都改。
第一步:在Toolbar中添加功能按钮
打开fckconfig.js,找到FCKConfig.ToolbarSets["Default"]这一行,在数组里加上你想要的按钮名称。比如:
FCKConfig.ToolbarSets["Default"] = [
['Bold','Italic','-','About', 'mydiy']
] ;
这里mydiy就是你自己定义的按钮标识符,后面会用到。
第二步:为按钮添加中文名称和英文名称
要让按钮在界面上显示文字,得去语言文件里注册一下。中文版编辑zh-cn.js,加上:
mydiy : "我的自定义按钮"
英文版编辑en.js,加上:
mydiy:"mydiybutton"
这两个名称分别对应中英文界面下的按钮标签。
第三步:在Toolbar中显示该按钮
这一步是关键,需要修改fckeditorcode_gecko.js(或fckeditorcode_ie.js)。先找到类似这样的代码:
case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
在break后面插入你自己的按钮代码,比如:
case 'mydiy':B=new FCKToolbarButton('mydiy',FCKLang.mydiy,null,null,false,true,50);
注意最后那个数字50是按钮的显示图片索引。如果你想让它显示成“插入图片”那个图标,把50改成37就行。这样按钮就出现在工具栏上了。
第四步:定义按钮功能原型
在同文件中继续查找:
var FCKNewPageCommand=function(){this.Name='NewPage';};
FCKNewPageCommand.prototype.Execute=function(){FCKUndo.Sa veUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;};
FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};
在这段代码后面,添加你自己的功能定义。比如:
var FCKmydiyCommand=function(){this.Name='mydiy';};
FCKmydiyCommand.prototype.Execute=function(){ /* 这里写你需要执行的代码,例如 alert("I am here !"); */ };
FCKmydiyCommand.prototype.GetState=function(){return 0;};
这相当于给按钮绑定了一个“执行动作”,点击按钮就会触发Execute里的代码。
第五步:按钮功能实例化
继续在同一个文件中查找:
case 'NewPage':B=new FCKNewPageCommand();break;
在它后面加上:
case 'mydiy':B=new FCKmydiyCommand();break;
这一步把刚才定义的功能原型跟按钮名称关联起来,让按钮“活”起来。
完成以上五步,刷新编辑器,自定义按钮就能正常使用了。如果想给按钮加个快捷键,可以在fckconfig.js的FCKConfig.Keystrokes = []数组中添加一条,比如:
[ CTRL + 71 /*G*/, 'mydiy' ]
这样按下Ctrl+G就能直接触发你的按钮功能。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件,为私密数据添加多重保护。高频操作更强调就近处理,浏览、整理和跨目录移动文件时,来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。


























