将CKfinder 整合进 CKEditor3.0的方法
更新时间：2010年01月09日 23:57:35 作者：
CKFinder是一款基于AJAX的文件浏览器，这是ASP.NET专用版，它可以在线浏览文件、管理文件、上传文件，以树形Tree的方式展开目录，自动检测图片并生成缩略图，它是由Fckeditor公司出品，同时也可配合FckEditor来使用，可达到意想不到的效果。
由于本次CKEditor全新改版，没有提供文件上传功能，所以选择整合CKFinder是个不错的选择
需要修改一下CKEditor插件文件夹下的JS源码，以image插件为例（Flash及Files同理）：
Code
复制代码 代码如下:
//将下边的代码做一些修改
//{type:'button',id:'browse',align:'center',label:m.lang.common.browseServer,hidden:false,filebrowser:'info:txtUrl'}]}]},
//2009-07-13 将浏览服务器按钮置为显示状态 （hidden: false）,增加onClick函数，用于打开ckfinder页面
{ type: 'button', id: 'browse', align: 'center', label: m.lang.common.browseServer, hidden: false, filebrowser: 'info:txtUrl', onClick: function() { var finder = new CKFinder(); finder.BasePath = '../ckfinder20090716/'; finder.SelectFunction = SetFileField; finder.Popup(); } }]}]},
在方法体外增加下边的函数
//2009-07-13 杨鑫增加 用于取回 ckfinder 返回的图片地址并对路径文本框和预览图片进行赋值
function SetFileField(fileUrl)
{
//获取主Div下的所有文本框控件
var inputStr = document.getElementById("cke_txtContent_dialog").getElementsByTagName("Input");
for(var i=0; i<inputStr.length; i++)
{
if(inputStr[i].type=="text")
{
//第一个输入框控件是图像路径，得到ID，设置新的图片路径
CKEDITOR.document.getById(inputStr[i].id).setValue(fileUrl);
break ;
}
}
CKEDITOR.document.getById('previewImage').setAttribute('src', decodeURI(fileUrl));
}
相关文章
让 FCKeditor 支持多用户Web环境(以PHP为例)
FCKeditor 是个很优秀的 Web 编辑器，很多项目甚至产品中都在用它。但它默认的上传文件目录为/userfiles/，也就是说，如果在编辑器中上传了图片等文件的话2009-06-06
这篇文章主要介绍了UEditor 默认字体和字号的修改方法,需要的朋友可以参考下2017-03-03
ajax php实现给fckeditor文本编辑器增加图片删除功能
工作需要需要fck编辑器的服务器浏览加个图片删除的功能，我们利用ajax php实现的有需要的朋友可以参考下2012-12-12
FCKeditor2.3 For PHP 详细整理的使用参考
FCKeditor2.3 For PHP 详细整理的使用参考...2007-11-11
让FCKeditor高度随内容增加的插件,这个插件在默认情况下可能运行不正常，必须做一点修改才可以。2011-02-02
我们在使用fckeditor进行提交的时候，会运行的代码，方便我们增加功能等。2009-06-06
ie9后浏览器fckeditor无法上传图片、弹出浮层内容不显示的解决方法
升级到IE9后，fckeditor在IE9里的弹出浮动层会出现bug，里面的内容不会出现。原因是IE9不支持var $=document.getElementById;这样的写法了2014-01-01
ckeditor和ueditor那个好 CKEditor和UEditor使用比较
本来项目中使用CKEditor已经做好了的富文本编辑器的功能，但是业务考虑到美观性要求换成UEditor，所以就在这里总结下,需要的朋友可以参考下2017-03-03
SyntaxHighlighter这个是一个高亮插件。现在被用于很多网站的代码显示。但是SyntaxHighlighter3.0.83，由于自适应宽和高，导致一直有滚动条的问题2020-03-03
这篇文章主要介绍了使用Js获取、插入和更改FCKeditor编辑器里的内容，包括JS操作Fckeditor的一些常用方法,需要的朋友可以参考下2020-02-02
最新评论