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,如下图:

ckfinder
下面这个文件夹路径 可以默认,也可以自己定义,自定义的话,要和项目里的一致才可以哦,不然无法启动。
ckfinder3
现在大功告成了,去上传一张看看吧。
ckfinder3
ckfinder
ps: Ckfinder3是需要授权的,网上也有破解方法,本人也是研究好久才破解成功的,这里就不说了,我们只是拿来研究学习,支持正版,哈哈!!
需要整合好的PoJie版的可以关注我,下载资源传送门

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值