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、把下载下来的文件去掉外层文件包,象这样放入网站目录中,具体位置自己记好就可以了,如图是我放的位置。
我是放在和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版的可以关注我,下载资源传送门。