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版的可以关注我，下载资源传送门。

Ckeditor5 整合Ckfinder3 防出错实战教程（二）整合篇相关推荐

Ckfinder3+Oss 实现文件上传防出错实战教程（三）Oss上传篇
一.去阿里云下载oss sdk 我用的是php 二.放入自己的项目中,位置自己看着来吧,每个人的项目也不同,我只做个演示如下图我放的位置当一个插件来使用,放在plugins下三,引用oss.打开c ...
昆仑通态人机界面与单片机通信实战教程二：脚本驱动的设计
大家好,我是『芯知识学堂』的SingleYork,前面给大家介绍了"昆仑通态人机界面与单片机通信实战教程一:工程界面的设计",今天笔者就要来给大家介绍"昆仑通态人机界面与 ...
零基础入门Redis实战教程（基础篇）
Redis系列已更新进阶篇,详情请见:Redis十分钟进阶实战教程(进阶篇) 文章目录一.NoSQL 二.Redis (一)什么是Redis (二)基础的知识 (三)五大数据类型 (四)三种特殊数据 ...
微信小程序教学第二章（含视频）：小程序中级实战教程之预备篇 - 提取util公用方法｜基于最新版1.0开发者工具
iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:<iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享>. ...
android远程打电话,Android打电话功能 Android实战教程第三篇之简单实现拨打电话功能...
想了解Android实战教程第三篇之简单实现拨打电话功能的相关内容吗,杨道龙在本文为您仔细讲解Android打电话功能的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:Android拨打电话 ...
机器学习实战教程汇总(十三篇)
机器学习实战教程(13篇) 这些网址非常适合想学习机器学习,却苦于没有项目(尤其缺少数据)的人.无意中看到,给自己做一个记录. 机器学习实战教程(一):K-近邻算法(史诗级干货长文)https://c ...
xml信息管理系统_WPF信息管理系统项目实战教程二：使用XAML实现页面布局
首页面布局设计 XAML(Extensible Application Markup Language),可扩展应用程序标记语言的使用使得C#桌面应用程序开发前后端实现真正分离.前端人员可使用该标记语 ...
SpringBoot 实战 (十二) | 整合 thymeleaf
微信公众号:一个优秀的废人如有问题或建议,请后台留言,我会尽力解决你的问题. 前言如题,今天介绍 Thymeleaf ,并整合 Thymeleaf 开发一个简陋版的学生信息管理系统. Spring ...
全网最新Spring Boot2.5.1整合Activiti5.22.0企业实战教程＜监听器篇＞
文章目录前言一.执行监听器 1.1 处理任务 1.2 事件类型 1.3 实例代码二.任务监听器 1.1 处理任务 1.2 事件类型 1.3 实例代码三.实例结果 1.启动流程 2.执行任务总 ...
全网最新Spring Boot2.5.1整合Activiti5.22.0企业实战教程＜网关篇＞
文章目录前言一.网关概念二.网关类型 1.排它网关(独占网关) 1.部署流程 1.1 经理审批(李四) 1.2 董事长审批(王五) 1.3 部署流程代码 2.启动流程 3.执行任务 2.并行网关 ...

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

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

Ckeditor5 整合Ckfinder3 防出错实战教程（二）整合篇相关推荐

最新文章

热门文章