关于FCKEditor编辑器标题图片功能的实现

最新推荐文章于 2025-04-17 14:14:03 发布

转载最新推荐文章于 2025-04-17 14:14:03 发布 · 486 阅读

文章标签：

#fckeditor #function #image #url #build #null

本文介绍如何针对FCKEditor 2.6.3 Build19836版本进行图片上传功能的定制化修改，包括关键JS文件的调整及自定义函数的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js文件一般需要修改两个地方就可以了，这个是准对版本 2.6.3 Build 19836 来说的。

1、

最关键的修改在这里：FCKEditor/editor/dialog/fck_image/fck_image.js ,找到function SetUrl( url, width, height, alt ) 这个函数，内部最后加上一行 FCKConfig.setUploadImg(url);

2、

然后就是定义FCKConfig.setUploadImg这个函数了

找到：FCKEditor/fckconfig.js 然后在文件的最后增加如下函数代码

FCKConfig.setUploadImg = function(_res){ if(!_res) return; objDrop=parent.document.getElementById("upimgSelect");//upimgSelect ID为该名称的下拉列表元件 var nIndex = objDrop.selectedIndex; var oLen=objDrop.length; if(oLen>0) { for(var i=0; i<oLen; i++){ if(objDrop.options[i].value==_res) return; } } objDrop.options[oLen] = new Option('Image'+[oLen+1], _res); }

然后编辑器所在页面增加一个id 为 changeImg 的下拉列表控件就ok了！其它细节就不用我啰嗦了吧：）

附：在网上见到的另外一段代码，以供参考！

FCKConfig.setUploadImg = function(_res){ if(!_res) return; objDrop=parent.document.getElementById("upimgSelect"); objText=parent.document.getElementById("txtUpImg"); var nIndex = objDrop.selectedIndex; if(objDrop.options[0].value=="")objDrop.options[0]=null; var oLen=objDrop.length; if(oLen>0) { for(var i=0; i<oLen; i++){ if(objDrop.options[i].value==_res) return; } } objDrop.options[oLen] = new Option('Image'+[oLen+1], _res); objDrop.selectedIndex = nIndex; if(objText.value=="" || objText.value.length==0)objText.value=_res; }