Spring Boot集成CKFinder

article/2025/9/16 8:35:16

Spring Boot集成CKFinder,实现浏览功能。

前言

上一篇记录了Spring Boot集成CKEditor,这里记录Spring Boot集成CKFinder实现浏览功能,详细的配置可以参考ckeditor和ckfinder集成详细配置及其优化,这里讲在Spring Boot中怎么玩CKFinder。ckeditor中“浏览服务器”的后台操作是自己写代码来实现浏览,界面操作不太友好。CKFinder的浏览界面不错,而且还能定制不同的样式。

这里写图片描述

集成

1.下载

下载Java 版本的CKFinder,支持Java的最新版本是2.6.2.1,3.x的CKFinder没有提供Java实现。下载后是压缩文件:【ckfinder_java_2.6.2.1.zip】

2.解压

1.ZIP解压

ZIP解压后的目录:

这里写图片描述

_source:源代码;
CKFinderJava-2.6.2.1.war:war包,可以直接在Tomcat下面运行。

2.War包解压

解压War包:

这里写图片描述

直接把ckfinder文件夹拷贝到static目录下面,和集成CKEditor一样。

这里写图片描述

3.配置

1.资源路径配置

WebMvcConfig中添加配置,把CKFinder添加到Spring Boot的资源路径中,定义访问路径,便于访问。

registry.addResourceHandler("/ckfinder/**").addResourceLocations("classpath:/static/ckfinder/");

2.Maven依赖配置

CKFinderJava-2.6.2.1\WEB-INF\lib下是用到的jar,pom中配置主要的jar包。

        <!--CKFinder start--><dependency><groupId>com.ckfinder</groupId><artifactId>CKFinder</artifactId><version>2.6.2.1</version></dependency><dependency><groupId>net.coobird</groupId><artifactId>thumbnailator</artifactId><version>0.4.8</version></dependency><dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId><version>1.2.2</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.0.1</version></dependency><!--CKFinder end-->

这是CKFinder的简单集成,下面来说说具体怎么玩。

功能实现

CKFinder集成以后,浏览功能还不能使用。

1.配置路径

在CKEditor的配置文件config.js中配置访问路径。参考官网给出的例子

config.filebrowserImageBrowseUrl= '/ckfinder/ckfinder.html?type=Images'

不配置filebrowserImageBrowseUrl,下面的【浏览服务器】按钮是没有的。

这里写图片描述

点击浏览服务器:

这里写图片描述

/ckfinder/core/connector/java/connector.java不可用,找不到。。。

这个路径是CKFinder内置的,目前没找到怎么修改这个路径。不能修改那就实现这个路径。

2.内置URL实现

查看web.xml文件,看看这个路径是怎么定义的。

这里写图片描述

可以看到
/ckfinder/core/connector/java/connector.java
是由Servletcom.ckfinder.connector.ConnectorServlet来处理的。

这就简单了,写个Servlet来继承它。

这里写图片描述

WebCkApplication中添加扫描Servlet的注解

这里写图片描述

URL解决了,试试按钮能不能用。

这里写图片描述

恩,还是报错从服务器读取xml数据出错,看看log怎么说。

这里写图片描述

Configuration不能正确初始化,在初始化读取xml文件的时候报错。。。

3.加载XML文件

1.config.xml文件

web.xml中看到,还需要加载config.xml文件。config.xml\WEB-INF目录下,复制到classpath下,这里重命名为ckfinder.xml

这里写图片描述

启用CKFinder,enabled修改为True,默认是false,浏览功能是不能用的。

这里写图片描述

配置baseDir,如果没配置baseDir,点击浏览服务器按钮的时候会在临时目录创建以下目录:

这里写图片描述

配置的话,在配置路径下也是有同样的目录结构的。和CKEditor上传的路径一致,这样上传的文件也可以直接浏览到。

2.classpath加载Xml文件

参考springboto集成ckfinder,重写Configuration,从classpath下加载Xml文件。

DefaultResourceLoader loader = new DefaultResourceLoader();
Resource resource = loader.getResource(this.xmlFilePath);

Servlet中加载配置

@WebServlet(urlPatterns = "/ckfinder/core/connector/java/connector.java", initParams = {@WebInitParam(name = "XMLConfig", value = "classpath:ckfinder.xml"),@WebInitParam(name = "debug", value = "false"),@WebInitParam(name = "configuration", value = "com.wxs.ckeditor.config.CKFinderConfig")
})
public class ImageBrowseServlet extends ConnectorServlet {
}

到这里,Spring Boot集成CKFinder就完美实现了。

优化

使用的话就很简单了,这里不再说了。写一下后期的一些优化,是代码更简洁,维护更方便。

1.CKEditor、CKFinder使用同一个存储路径

ckfinder.xml中配置以下路径

<baseDir>F:\\data\\file\\image\\</baseDir>
<baseURL>http://localhost:8180/public/image/</baseURL>

http://localhost:8180/public/image/是在WebMvcConfig中定义的

这里写图片描述

CKFinder返回的URL中会自带images

这里写图片描述

所以CKEditor用的存储路径和访问路径改为以下:

#磁盘存储路径
ckeditor.storage.image.path=F:\\data\\file\\image\\images\\
#访问路径
ckeditor.access.image.url=http://localhost:8180/public/image/images/

这样就更好了,CKEditor、CKFinder使用同一个存储路径。

后续会在下个博文里对集成CKFinder做一下详细的优化。

参考

CKEditor与CKFinder学习–整合SpringMVC

ckeditor和ckfinder集成详细配置及其优化

源码


http://chatgpt.dhexx.cn/article/XYDv2Xpf.shtml

相关文章

配置CKFinder(Java版)

1. 下载 CKFinder官网下载地址提供了PHP&#xff0c;ASP, Java等不同下载版本。 2. 配置 1&#xff09;config.xml放到WEB-INF下&#xff0c; 2&#xff09;其他文件放到Webcontent下&#xff0c; 3&#xff09;配置web.xml, xml<!--CKFinder --><servlet&…

CKEditor/FCKEditor 使用-集成 CKFinder(上传文件、浏览文件)

CKFinder 也是 CK 系列的产品之一&#xff0c;它有两个功能&#xff1a;上传文件、浏览文件。一般来说&#xff0c;它是集成在 CKEditor 或 FCKEditor 中&#xff0c;以便在编辑器中插入超链接或图像时可以直接上传&#xff0c;也可通过浏览直接插入编辑器中。并且 CKFinder 提…

CKEditor与CKFinder学习--安全的使用CKFinder与权限控制

0 前言 上一篇博客中说了ckeditor与ckfinder整合之后进行图文混排的时候通过浏览服务器按钮可以浏览服务器上的所有资源&#xff0c;文件&#xff0c;图片&#xff0c;该用户上传的&#xff0c;非该用户上传的&#xff0c;不仅可以查看&#xff0c;还可以删除、重命名等。所以…

CKEditor和CKFinder及CKEditor配置属性说明

最近在做一个新闻发布平台&#xff0c;放弃了很早的FCKEditor&#xff0c;使用CKEditor和CKFinder&#xff0c;尽管免费的CKFinder是Demo版本&#xff0c;但是功能完整&#xff0c;而且用户都是比较集中精神发新闻的人&#xff0c;不会在意这个。按照官网的document一步一步配置…

ckfinder--如何去掉版本提示This is the demo version of CKFinder

最近用到ckfinder作为文件管理集成到项目当中使用&#xff0c;但是发下从官网下载来的java版本的ckfinder插件&#xff0c;跑起项目起来发现提示信息This is the demo version of CKFinder&#xff0c;于是就在网上查找各种资料&#xff0c;有各种不同版本的解释&#xff0c;而…

CKFinder 介绍

<转载:http://baike.baidu.com/view/3565650.htm#1> CKFinder 简介 CKFinder是一个强大而易于使用的Web浏览器的Ajax文件管理器。 其简单的界面使得它直观&#xff0c;快速学习的各类用户&#xff0c;从高级人才到互联网初学者。 特点 文件夹树导航 &#xff1a;用户直…

CKEditor与CKFinder学习--整合SpringMVC

先来看一下效果 这个是我采用了office2013的皮肤&#xff0c;并对界面按钮做了优化后的效果 这个是bootstrap的皮肤&#xff0c;好了&#xff0c;开始进入正题。 第一步 下载 下载ckeditor和ckfinder ckeditor Full Package版本 http://download.cksource.com/CKEditor/CK…

CKEditor/CKFinder一些特殊配置

这几天把一个旧项目中的fckeditor升级为ckeditor 3.2 ckfinder 1.4.3 组合&#xff0c;下面是一些升级心得: 一、CKFinder的若干问题 1.单独使用ckfinder从原fckeditor分离出来以后可以单独使用&#xff0c;通常我习惯于在工具栏中添加ckfinder.dll&#xff0c;这样以后要使用…

ckfinder使用

ckeditor环境搭建 &#xff0c;请参考 JSP中使用CKEditor3.6入门教程 JSP页面使用富文本控件ckeditor提交表单数据 JSP页面使用富文本控件ckeditor自定义样式 JSP使用ckeditor和ckfinder实现富文本及上传功能 源码下载 一、下载 ckeditor下载地址为&#xff1a;http://ckedito…

ckeditor和ckfinder集成详细配置及其优化

1、下载文件目录结构分析 ckeditor和ckfinder的下载网址分别是&#xff1a; ckeditor&#xff1a;http://ckeditor.com/ ckfinder&#xff1a;http://cksource.com/ckfinder 下载下来后的目录结构&#xff1a; ckeditor&#xff1a; 精简&#xff1a; 1.samples文件夹&am…

CKEditor&ckfindtor

前言 之前的项目中一直使用的是FCKeditor&#xff0c;昨天突然有个想法&#xff1a;为什么不试一下新的CKEditor呢&#xff1f;于是花了大半天的时间去学习它的用法&#xff0c;现在把我的学习过程与大家分享一下。 谈起FCKeditor&#xff0c;相信没几个Web程序员不知道的吧。不…

在JSP里使用CKEditor和CKFinder

在JSP里使用CKEditor和CKFinder 最近在做一个新闻发布平台&#xff0c;放弃了很早的FCKEditor&#xff0c;使用CKEditor和CKFinder&#xff0c;尽管免费的CKFinder是Demo版本&#xff0c;但是功能完整&#xff0c;而且用户都是比较集中精神发新闻的人&#xff0c;不会在意这个。…

ckfinder2上传绕过漏洞

CKFinder 是国外一款非常流行的所见即所得文字编辑器,其1.4.3 asp.net版本存在任意文件上传漏洞,攻击者可以利用该漏洞上传任意文件。ckfinder2上传绕过漏洞, CKFinder在上传文件的时候,强制将文件名(不包括后缀)中点号等其他字符转为下划线_,但是在修改文件名时却没有任何…

Ckeditor5 整合Ckfinder3 防出错实战教程(二)整合篇

Ckeditor5 整合Ckfinder3 防出错实战教程&#xff08;二&#xff09;文件图片上传和管理 自从写了 Ckeditor5完全开发指南教程&#xff08;一&#xff09;后&#xff0c;很多码友都说不错&#xff0c;一直说更新呢&#xff0c;也没时间&#xff0c;慢慢忘了&#xff0c; 今天突…

思科路由器修改密码

第一步&#xff1a;重启路由器 #表示进度 &#xff0c;在60秒内切换到CLI&#xff0c;在重启之前完成ctrlc进入ROM模式&#xff08;窗口如下所示&#xff09; 第二步&#xff1a;自动重启路由器 输入 rommon1> confreg 0x2142 忽略NARAM中的配置文件 rommon2> reset 重…

没有一个绝对安全的系统 (二) 破解路由器后台密码

此教程只为分享&#xff0c;请勿用于其它用途 在学习黑客的道路&#xff0c;好难走啊&#xff0c;一堆乱七八糟的资料 还是翻墙出去学吧 有时间补一期 kali linux 破解 wifi 密码以及 使用 mac 破解wifi 的教程 破解路由器后台&#xff08;mac os&#xff09; 1. 安装 hy…

计算机网络实验如何设置无线路由器密码,怎么设置路由器密码 路由器设置密码方法【图文】...

随着互联网的不断发展&#xff0c;和智能手机的出现&#xff0c;连接电脑与手机的桥梁路由器诞生了&#xff0c;那么大家对路由器有多少了解呢?知道它是用来做什么的?其实路由器是连接因特网的一种设备&#xff0c;它可以把一些网络数据分发到智能手机上&#xff0c;让智能手…

获取路由器后台账号密码

获取路由器后台账号密码 偶然发现的路由器的漏洞 网站目录&#xff1a; 我是先分析他登陆按钮的事件 <input type"submit" name"login" class"button3" value"登录" onclick"return check();">return check(); &a…

华硕Android原始密码,华硕路由器默认密码是多少?ASUS路由器初始密码介绍

华硕路由器的默认初始密码是所有入手华硕路由器的伙伴们需要知道的&#xff0c;不知道华硕无线路由器默认密码是无法设置使用华硕路由器的&#xff0c;那么&#xff0c;华硕路由器默认密码是多少呢&#xff1f;对此&#xff0c;本文就为大家详细介绍华硕路由器初始密码&#xf…