在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内容如下：

1. /*将baseURL中的fckeditor改为自己工程名 
2.   <maxSize>0</maxSize>表示上传无限制， 
3.   如果不是0的话，其参数结尾必须加k或m或g ，否则上传限制大小就为0，这样就无论你上传什么文件都提示文件过大了。 
4. */  
5. <config>  
6.     <enabled>true</enabled>  
7.     <baseDir></baseDir>  
8.     <baseURL>/fckeditor/userfiles/</baseURL>  
9.     <licenseKey></licenseKey>  
10.     <licenseName></licenseName>  
11.     <imgWidth>1600</imgWidth>  
12.     <imgHeight>1200</imgHeight>  
13.     <imgQuality>80</imgQuality>  
14.     <uriEncoding>UTF-8</uriEncoding>  
15.     <forceASCII>false</forceASCII>  
16.     <userRoleSessionVar>CKFinder_UserRole</userRoleSessionVar>  
17.     <checkDoubleExtension>true</checkDoubleExtension>  
18.     <checkSizeAfterScaling>true</checkSizeAfterScaling>  
19.     <secureImageUploads>true</secureImageUploads>  
20.     <htmlExtensions>html,htm,xml,js</htmlExtensions>  
21.     <hideFolders>  
22.         <folder>.svn</folder>  
23.         <folder>CVS</folder>  
24.     </hideFolders>  
25.     <hideFiles>  
26.         <file>.*</file>  
27.     </hideFiles>  
28.     <defaultResourceTypes></defaultResourceTypes>  
29.     <types>  
30.         <type name="Files">  
31.             <url>%BASE_URL%files/</url>  
32.             <directory>%BASE_DIR%files</directory>  
33.             <maxSize>0</maxSize>  
34.             <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  
35.             </allowedExtensions>  
36.             <deniedExtensions></deniedExtensions>  
37.         </type>  
38.         <type name="Images">  
39.             <url>%BASE_URL%images/</url>  
40.             <directory>%BASE_DIR%images</directory>  
41.         <maxSize>0</maxSize>            <allowedExtensions>bmp,gif,jpeg,jpg,png</allowedExtensions>  
42.             <deniedExtensions></deniedExtensions>  
43.   
44.         </type>  
45.         <type name="Flash">  
46.             <url>%BASE_URL%flash/</url>  
47.             <directory>%BASE_DIR%flash</directory>  
48.             <maxSize>0</maxSize>  
49.             <allowedExtensions>swf,flv</allowedExtensions>  
50.             <deniedExtensions></deniedExtensions>  
51.         </type>  
52.     </types>  
53.     <accessControls>  
54.         <accessControl>  
55.             <role>*</role>  
56.             <resourceType>*</resourceType>  
57.             <folder>/</folder>  
58.             <folderView>true</folderView>  
59.             <folderCreate>true</folderCreate>  
60.             <folderRename>true</folderRename>  
61.             <folderDelete>true</folderDelete>  
62.             <fileView>true</fileView>  
63.             <fileUpload>true</fileUpload>  
64.             <fileRename>true</fileRename>  
65.             <fileDelete>true</fileDelete>  
66.         </accessControl>  
67.     </accessControls>  
68.     <thumbs>  
69.         <enabled>true</enabled>  
70.         <url>%BASE_URL%_thumbs/</url>  
71.         <directory>%BASE_DIR%_thumbs</directory>  
72.         <directAccess>false</directAccess>  
73.         <maxHeight>100</maxHeight>  
74.         <maxWidth>100</maxWidth>  
75.         <quality>80</quality>  
76.     </thumbs>  
77.     <plugins>  
78.         <plugin>  
79.             <name>imageresize</name>  
80.             <class>com.ckfinder.connector.plugins.ImageResize</class>  
81.             <params>  
82.                 <param name="smallThumb" value="90x90"></param>  
83.                 <param name="mediumThumb" value="120x120"></param>  
84.                 <param name="largeThumb" value="180x180"></param>  
85.             </params>  
86.         </plugin>  
87.         <plugin>  
88.             <name>fileeditor</name>  
89.             <class>com.ckfinder.connector.plugins.FileEditor</class>  
90.             <params></params>  
91.         </plugin>  
92.     </plugins>  
93.     <basePathBuilderImpl>com.ckfinder.connector.configuration.ConfigurationPathBuilder</basePathBuilderImpl>  
94. </config> 
    

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

1. <servlet>  
2.     <servlet-name>ConnectorServlet</servlet-name>  
3.     <servlet-class>  
4.          com.ckfinder.connector.ConnectorServlet   
5.     </servlet-class>  
6.     <init-param>  
7.         <param-name>XMLConfig</param-name>  
8.         <param-value>/WEB-INF/config.xml</param-value>  
9.     </init-param>  
10.     <init-param>  
11.         <param-name>debug</param-name>  
12.         <param-value>false</param-value>  
13.     </init-param>  
14.     <load-on-startup>1</load-on-startup>  
15. </servlet>  
16. <servlet-mapping>  
17.     <servlet-name>ConnectorServlet</servlet-name>  
18.     <url-pattern>  
19.         /ckfinder/core/connector/java/connector.java  
20.     </url-pattern>  
21. </servlet-mapping>  
22. <session-config>  
23.     <session-timeout>10</session-timeout>  
24. </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

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
2. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
3. <%@ taglib uri="http://ckeditor.com" prefix="ckeditor"%>  
4. <%@ taglib uri="http://ckfinder.com" prefix="ckfinder"%>  
5. <%@page import="com.ckeditor.CKEditorConfig"%>  
6. <%  
7.     String path = request.getContextPath();  
8.     String basePath = request.getScheme() + "://"  
9.             + request.getServerName() + ":" + request.getServerPort()  
10.             + path + "/";  
11. %>  
12. <html>  
13.     <head>  
14.         <base href="<%=basePath%>"/>  
15.         <title>在线编辑器</title>  
16.         <meta http-equiv="pragma" content="no-cache" />  
17.         <meta http-equiv="cache-control" content="no-cache"/>  
18.         <meta http-equiv="expires" content="0"/>  
19.         <meta http-equiv="keywords" content="editor,keyword2,keyword3"/>  
20.         <meta http-equiv="description" content="editor"/>  
21.         <!--  
22.     <link rel="stylesheet" type="text/css" href="styles.css"/>  
23.     -->  
24.   
25.     </head>  
26.   
27.     <body>  
28.         <ckfinder:setupCKEditor editor="editor1" basePath="ckfinder/" />  
29.         <ckeditor:editor basePath="ckeditor/"   
30.             editor="editor1" value=" " />  
31.     </body>  
32. </html> 
    

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