首页 > 代码库 > CKEditor学习笔记3（CKEditor与CKFinder的Java整合）

CKEditor学习笔记3（CKEditor与CKFinder的Java整合）

2024-07-02 08:27:05   226人阅读

下载地址CKEditor
我下载的版本ckfinder_java_2.4
解压之后，会看到一个CKFinderJava-2.4.war文件，直接放到Tomcat/webapps发布目录下，把服务打开就自动解压了，然后将ckfinder目录Copy到你项目WebRoot下。
步骤一：将CKFinderJava-2.4下的jar包Copy到你的项目下，还有WEB-INF/config.xml文件Copy到你的项目WEB-INF/下。
步骤二：修改config.xml文件（说明：CKFinderJava/userfiles/目录存储文件的目录）
<enabled>true</enabled>
<baseURL>/CKEditorAndCKFinder/CKFinderJava/userfiles/</baseURL>
步骤三：在web.xml文件，配置Servlet
<servlet>
		<servlet-name>ConnectorServlet</servlet-name>
		<servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>
		<init-param>
			<param-name>XMLConfig</param-name>
			<param-value>/WEB-INF/config.xml</param-value>
		</init-param>
		<init-param>
			<param-name>debug</param-name>
			<param-value>false</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>ConnectorServlet</servlet-name>
		<url-pattern>
			/ckfinder/core/connector/java/connector.java
		</url-pattern>
	</servlet-mapping>
	<filter>
		<filter-name>FileUploadFilter</filter-name>
		<filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>
		<init-param>
			<param-name>sessionCookieName</param-name>
			<param-value>JSESSIONID</param-value>
		</init-param>
		<init-param>
			<param-name>sessionParameterName</param-name>
			<param-value>jsessionid</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>FileUploadFilter</filter-name>
		<url-pattern>
			/ckfinder/core/connector/java/connector.java
     	 </url-pattern>
	</filter-mapping>
	<session-config>
		<session-timeout>10</session-timeout>
	</session-config>
步骤四：修改ckeditor/config.js文件（当前也可以是自己编写的js配置文件，上一篇介绍过）
config.filebrowserBrowseUrl =  ‘/CKEditorAndCKFinder/ckfinder/ckfinder.html‘ ;  
config.filebrowserImageBrowseUrl =  ‘/CKEditorAndCKFinder/ckfinder/ckfinder.html?type=Images‘ ;  
config.filebrowserFlashBrowseUrl =  ‘/CKEditorAndCKFinder/ckfinder/ckfinder.html?type=Flash‘ ;  
config.filebrowserUploadUrl =  ‘/CKEditorAndCKFinder/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files‘ ;  
config.filebrowserImageUploadUrl =  ‘/CKEditorAndCKFinder/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images‘ ;  
config.filebrowserFlashUploadUrl =  ‘/CKEditorAndCKFinder/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash‘ ;  
config.filebrowserWindowWidth = ‘1000‘;  
config.filebrowserWindowHeight = ‘700‘;  
config.language =  "zh-cn" ;

关于文件名乱码，图片不能显示问题。
解决方案一：修改Tomcat web.xml配置文件
<Connector URIEncoding="UTF-8" connectionTimeout="20000" port="6060" protocol="HTTP/1.1" redirectPort="8443"/>
当然，该方式不合适，导致全部站点使用同样的编码方式（对于GET请求还存在其它问题）。
解决方案二：
修改源代码，实现文件重命名
1、通过UUID.randomUUID().toString()
2、日期命名法
我创建新的项目，将CKFinder源码导入，修改FileUploadCommand类的saveTemporaryFile方法，将newFileName重命令即可。
1、用压缩软件打开jar包，找到修改文件的路径。
2、把编译好的class文件添加到jar包的该路径下替换原来的文件
3、收工！

不上代码了，希望大家自己能够独立解决哦。下一篇，介绍一下CKEditor一些基本常用配置。

CKEditor学习笔记3（CKEditor与CKFinder的Java整合）


联系
我们