在web工程中调整ckeditor3.6和ckfinder2.0.2 _Web前端

在web工程中整合ckeditor3.6和ckfinder2.0.2
首先在http://ckeditor.com/download 下载当前最新的ckeditor，版本为3.6。
同时下载CKEditor for Java 3.5.3。

在http://ckfinder.com/download 下载当前最新的java版本的ckfinder2.0.2 。

解压后，将ckeditor文件夹放到工程的WebRoot目录下

再将ckfinder文件夹也放到工程的WebRoot目录下（及和ckeditor在同一级）

要注意：ckfinder解压后，其中包括了war，源码等等。上面指的ckfinder文件夹不是ckfinder_java_2.0.2目录下的ckfinder，而是
ckfinder_java_2.0.2\ckfinder\_sources\CKFinder for Java\WebApp\src\main\webapp\ 目录下的ckfinder文件夹，该文件夹下有ckfinder.js文件。

同时将ckfinder_java_2.0.2\ckfinder\_sources\CKFinder for Java\WebApp\src\main\webapp\WEB-INF 目录下的config.xml文件拷贝到当前工程的WEB-INF 目录下。（注意要修改config.xml配置文件的 baseURL ）
config.xml内容如下：

/*将baseURL中的fckeditor改为自己工程名
  <maxSize>0</maxSize>表示上传无限制，
  如果不是0的话，其参数结尾必须加k或m或g ，否则上传限制大小就为0，这样就无论你上传什么文件都提示文件过大了。
*/
<config>
	<enabled>true</enabled>
	<baseDir></baseDir>
	<baseURL>/fckeditor/userfiles/</baseURL>
	<licenseKey></licenseKey>
	<licenseName></licenseName>
	<imgWidth>1600</imgWidth>
	<imgHeight>1200</imgHeight>
	<imgQuality>80</imgQuality>
	<uriEncoding>UTF-8</uriEncoding>
	<forceASCII>false</forceASCII>
	<userRoleSessionVar>CKFinder_UserRole</userRoleSessionVar>
	<checkDoubleExtension>true</checkDoubleExtension>
	<checkSizeAfterScaling>true</checkSizeAfterScaling>
	<secureImageUploads>true</secureImageUploads>
	<htmlExtensions>html,htm,xml,js</htmlExtensions>
	<hideFolders>
		<folder>.svn</folder>
		<folder>CVS</folder>
	</hideFolders>
	<hideFiles>
		<file>.*</file>
	</hideFiles>
	<defaultResourceTypes></defaultResourceTypes>
	<types>
		<type name="Files">
			<url>%BASE_URL%files/</url>
			<directory>%BASE_DIR%files</directory>
			<maxSize>0</maxSize>
			<allowedExtensions>7z,aiff,asf,avi,bmp,csv,doc,docx,fla,flv,gif,gz,gzip,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,ods,odt,pdf,png,ppt,pptx,pxd,qt,ram,rar,rm,rmi,rmvb,rtf,sdc,sitd,swf,sxc,sxw,tar,tgz,tif,tiff,txt,vsd,wav,wma,wmv,xls,xlsx,zip
			</allowedExtensions>
			<deniedExtensions></deniedExtensions>
		</type>
		<type name="Images">
			<url>%BASE_URL%images/</url>
			<directory>%BASE_DIR%images</directory>
		<maxSize>0</maxSize>			<allowedExtensions>bmp,gif,jpeg,jpg,png</allowedExtensions>
			<deniedExtensions></deniedExtensions>

		</type>
		<type name="Flash">
			<url>%BASE_URL%flash/</url>
			<directory>%BASE_DIR%flash</directory>
			<maxSize>0</maxSize>
			<allowedExtensions>swf,flv</allowedExtensions>
			<deniedExtensions></deniedExtensions>
		</type>
	</types>
	<accessControls>
		<accessControl>
			<role>*</role>
			<resourceType>*</resourceType>
			<folder>/</folder>
			<folderView>true</folderView>
			<folderCreate>true</folderCreate>
			<folderRename>true</folderRename>
			<folderDelete>true</folderDelete>
			<fileView>true</fileView>
			<fileUpload>true</fileUpload>
			<fileRename>true</fileRename>
			<fileDelete>true</fileDelete>
		</accessControl>
	</accessControls>
	<thumbs>
		<enabled>true</enabled>
		<url>%BASE_URL%_thumbs/</url>
		<directory>%BASE_DIR%_thumbs</directory>
		<directAccess>false</directAccess>
		<maxHeight>100</maxHeight>
		<maxWidth>100</maxWidth>
		<quality>80</quality>
	</thumbs>
	<plugins>
		<plugin>
			<name>imageresize</name>
			<class>com.ckfinder.connector.plugins.ImageResize</class>
			<params>
				<param name="smallThumb" value="90x90"></param>
				<param name="mediumThumb" value="120x120"></param>
				<param name="largeThumb" value="180x180"></param>
			</params>
		</plugin>
		<plugin>
			<name>fileeditor</name>
			<class>com.ckfinder.connector.plugins.FileEditor</class>
			<params></params>
		</plugin>
	</plugins>
	<basePathBuilderImpl>com.ckfinder.connector.configuration.ConfigurationPathBuilder</basePathBuilderImpl>
</config>

在web.xml文件中添加如下：

	<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>
	<session-config>
		<session-timeout>10</session-timeout>
	</session-config>

然后要添加需要的jar包：（这些jar包在以上下载的文件都包含了）
ckeditor需要的有：ckeditor-java-core-3.5.3.jar
ckfinder有：
CKFinder-2.0.2.jar
CKFinderPlugin-FileEditor-2.0.2.jar
CKFinderPlugin-ImageResize-2.0.2.jar
Thumbnailator-0.3.3.jar
commons-fileupload-1.2.2.jar
commons-io-2.0.1.jar

（添加jar包就是将jar拷贝到工程的WEB-INF目录下的lib目录）

新建一个jsp文件，如editor.jsp

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://ckeditor.com" prefix="ckeditor"%>
<%@ taglib uri="http://ckfinder.com" prefix="ckfinder"%>
<%@page import="com.ckeditor.CKEditorConfig"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
	<head>
		<base href="<%=basePath%>"/>
		<title>在线编辑器</title>
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache"/>
		<meta http-equiv="expires" content="0"/>
		<meta http-equiv="keywords" content="editor,keyword2,keyword3"/>
		<meta http-equiv="description" content="editor"/>
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css"/>
	-->

	</head>

	<body>
		<ckfinder:setupCKEditor editor="editor1" basePath="ckfinder/" />
		<ckeditor:editor basePath="ckeditor/" 
			editor="editor1" value=" " />
	</body>
</html>

好了，访问试试看吧，还具有了上传、下载文件功能。如果想要去除ckfinder中的版权提示信息，参照另一篇文章“ckfinder2.0.2破解”。

1 楼 adiu_0464 2011-05-26

运行项目，插入图片，在点击浏览服务器的时候提示“因为安全原因,文件不可浏览. 请联系系统管理员并检查CKFinder配置文件”，然后虽然能看到ckfinder的页面，但是什么都做不了。楼主有没有遇到这个问题？

2 楼 adiu_0464 2011-05-26

问题解决了，要把config.xml文件中的<enabled>false</enabled>改成<enabled>true</enabled>，但具体的权限控制还明白。

3 楼 cool1990 2011-06-07

博主能不能发下源码，邮箱303287392@qq.com，我用你的方法整合的时候浏览服务器的时候老是报错
javax.servlet.ServletException: com.ckfinder.connector.errors.ConnectorException
com.ckfinder.connector.ConnectorServlet.handleError(ConnectorServlet.java:243)
com.ckfinder.connector.ConnectorServlet.getResponse(ConnectorServlet.java:174)
com.ckfinder.connector.ConnectorServlet.doGet(ConnectorServlet.java:76)
javax.servlet.http.HttpServlet.service(HttpServlet.java:617)
javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
root cause
com.ckfinder.connector.errors.ConnectorException
com.ckfinder.connector.handlers.command.Command.runCommand(Command.java:85)
com.ckfinder.connector.ConnectorServlet$CommandHandlerEnum.execute(ConnectorServlet.java:392)
com.ckfinder.connector.ConnectorServlet$CommandHandlerEnum.access$000(ConnectorServlet.java:285)
com.ckfinder.connector.ConnectorServlet.handleError(ConnectorServlet.java:229)
com.ckfinder.connector.ConnectorServlet.getResponse(ConnectorServlet.java:174)
com.ckfinder.connector.ConnectorServlet.doGet(ConnectorServlet.java:76)
javax.servlet.http.HttpServlet.service(HttpServlet.java:617)
javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
note

4 楼 lemon0 2011-07-05

楼主麻烦提示下，这些jar包没找到：
CKFinder-2.0.2.jar
CKFinderPlugin-FileEditor-2.0.2.jar
CKFinderPlugin-ImageResize-2.0.2.jar

5 楼 passlicense 2011-09-05

扯淡了，图片都传不上去啊！

6 楼 passlicense 2011-09-05

可怕的是在IE下是一片空白，什么都没显示~~
这东西太难用了，换个编辑器算了

7 楼 670561271lp 2011-10-13

public static void main(String [] args){

  you are wrong~!
}

8 楼 zyengogo 2011-10-31

整滴好复杂哦