CKEditor结合CKFinder上传管理图片教程

CKEditor编辑器已不再自带图片上传功能，如果需要用到上传图片的功能，要么自己开发，不想自己开发的可以使用官方的文件管理CKFinder进行图片的上传管理！

CKFinder是一款强大而易于使用的Web浏览器的Ajax文件管理器，可以配合CKEditor编辑器进行图片文件的上传管理，下面介绍基本的使用方法：

首先到官方网站下载CKEditor和CKFinder，这里下载的是PHP版本的CKFinder，所以在使用前确保已安装PHP的运行环境，然后在需要显示编辑器的地方调用编辑器，如不会调用编辑器的，请看这篇文章《CKEditor编辑器在项目中简单的调用方法》

1、打开CKEditor文件夹找到配置文件“config.js”，在里面写入下面代码然后保存，注意根据自己的项目需求修改下面的链接：

config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html'; 
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?type=Images';
config.filebrowserFlashBrowseUrl  = 'ckfinder/ckfinder.html?type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl  = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';

2、打开CKFinder配置文件“config.php”找到如下代码：

$config['authentication'] = function () {
    return false;
};

将“false”改为“true”，保存！

此时点击编辑器图片上传按钮，上传标签和浏览服务器功能已经出现了，上传一张图片试试，如下图所示：

图片显示已经上传成功了，然后我们点击浏览服务器按钮，如下图所示：

这里会显示已经上传的图片，如果图片比较多的话，可以到CKFinder文件管理器中进行批量上传，点击图片可以进一步操作，如下图所示：

但是我们在点击“删除”图片操作的时候会弹出提示“ This is a demo version of CKFinder 3 ”，其实CKFinder是要收费的，所谓的试用版，也和收费之后一样的功能，只是无法删除图片会有提示而已，看着不爽，用起来还是一样，如果实在不行，可以在网上找一下破解方法。

3、去除图片预览里的英文提示的方法：

找到CKEditor编辑器的配置文件“config.js”，在里面写入下面一行代码：

config.image_previewText=' '; //预览区域显示内容

从新打开编辑器发现已经没了提示：

(资源库 www.zyku.net)