Ckeditor5 整合Ckfinder3 防出错实战教程（二）整合篇

Ckeditor5 整合Ckfinder3 防出错实战教程（二）文件图片上传和管理

自从写了 Ckeditor5完全开发指南教程（一）后，很多码友都说不错，一直说更新呢，也没时间，慢慢忘了，
今天突然想起来了，也闲来无事，就把整合ckfinder3也写一下吧，现在好象官方更新了好多，也没去研究过。

ckfinder3 官网链接就不贴了。建议大家下载3.5.2及以下版本吧。如果你是php8.0以上的话可以下载3.5.3及以上的版本，我也没细看说明，反正下载下来提示要php8.0以上，就直接删除了，重新下了低版本的。

对应自己的PHP版本如下：
Support for older PHP versions:
The last CKFinder version with PHP 7.x support was CKFinder 3.5.2.
The last CKFinder version with PHP 5.4 - 5.6.x support was CKFinder 3.4.1.
The last CKFinder version with PHP 5.0 - 5.3.x support was CKFinder 2.x.

1、把下载下来的文件去掉外层文件包，象这样放入网站目录中，具体位置自己记好就可以了，如图是我放的位置。
ckfinder5
我是放在和ckeditor5 演示文件index.html同一目录了。放哪里自己喜欢就好。

2、打开index.html文件，就是你引用ckedit5的文件，
引入 js

<script src="ckfinder/ckfinder.js"></script>

并在下面添加如下代码，激活上传用的，别问为什么。

ckfinder: {
                uploadUrl: 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json'
            },

完整如下图，别忘了在工具栏上添加下插件图标
在这里插入图片描述

3、这样就可以了，我们还要做些配置修改，不然会有提示无法使用。
打开文件根目录下的config.php,如下图：

下面这个文件夹路径可以默认，也可以自己定义，自定义的话，要和项目里的一致才可以哦，不然无法启动。

现在大功告成了，去上传一张看看吧。

ps: Ckfinder3是需要授权的，网上也有破解方法，本人也是研究好久才破解成功的，这里就不说了，我们只是拿来研究学习，支持正版，哈哈！！
需要整合好的PoJie版的可以关注我，下载资源传送门。