ckeditor4.5.10和ckfinder2.1整合Javaweb项目案例

一.资源下载

a) ckeditor4.5.10 （解压）

http://download.cksource.com/CKEditor/CKEditor/CKEditor%204.5.10/ckeditor_4.5.10_full.zip 解压完成 -->ckeditor

b) ckeditor-java-3.6.2 （解压）

download.cksource.com/CKEditor/CKEditor%20for%20Java/CKEditor%20for%20Java%203.6.2/ckeditor-java-3.6.2.war 解压完成 -->ckeditor 注意区分

c) ckfinder_java_2.1 （解压）

download.cksource.com/CKFinder/CKFinder%20for%20Java/2.1/ckfinder_java_2.1.zip 解压完成 -->ckfinder

二.步骤　　

1. MyEclipse新建 Web Project ： ckdemo

2. 复制以下文件夹到WebRoot 下面：

ckfinder CKFinderJava ckfinder

ckeditor4.5.10ckeditor

注意：CKFinderJava 加粗的是 war 包解压后的文件夹的名称

CKFinderJava/ckfinder

3. 复制 CKFinderJava配置文件到WEB-INF 下面：

ckfinderCKFinderJavaWEB-INFconfig.xml

4. 复制下面文件夹下面所有jar 文件到 WEB-INf/lib 下面：

ckfinderCKFinderJavaWEB-INFlib

ckeditor-java-3.6.2WEB-INFlib

三．下面删除无用的文件

首先是ckeditor 下面的文件：

_sample,_source, CHANGES.html， ckeditor_php4.php ， ckeditor_php5.php,

ckeditor.asp, ckeditor.pack, INSTALL.html, LICENSE.html

然后是ckfinder 下面的文件：

_samples, help, changelog.txt, install.txt, license.txt, translation.txt

四.修改config.xml　

<enabled>true</enabled> 这原来是false 改为true
<baseDir></baseDir>
<baseURL>/cktest/userfiles/</baseURL> 这里改为自己的项目名

五.修改web.xml

复制 ckfinderCKFinderJavaWEB-INFweb.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>
<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>

六、jsp页面的使用

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>ckdemo</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="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<textarea id="content" name="content" style="1000px;height:800px;"></textarea>
<script type="text/javascript">
CKEDITOR.replace("content",{
height:'500px',
});
</script>
</body>
</html>

运行访问 http://localhost:9099/cktest/

成功，注意皮肤跟换在ckeditor下的config.js文件中配置

ckeditor的详细配置参考 http://www.cnblogs.com/Setme/archive/2012/06/05/2536568.html

七、ckfinder2.1 破解地址： http://www.3a88.com/service/366.html

在ckfinder.js中:

1：去掉图片预览上方的版权信息,找到

if(P.files.length)P.mj=I

改成:

if(P.files.length)P.mj=''

2：去掉右下角的版权信息，找到

||z||w!=4?r

改成:

||z||w!=4?''

3:：去掉帮助,找到'Upload','Refresh','Settings','Maximize','Help'

改成到'Upload','Refresh','Settings','Maximize','' 破解成功

清除预览框中的英文地址： http://www.myexception.cn/web/1758815.html

方法：复制预览框中的英文

打开ckeditor/plugins/image/dialogs/image.js文件，

搜索刚复制的英文找到后将其删除即可，注意别删多了。(由于ckeditor的很多js文件都是压缩过的，格式很难看，很容易删错)

破解ckfinder文件移动和复制

打开ckfinder.js找到下面的代码将其删除（有两处，操作小心，别删除错了）

删除第一处破解复制

删除第二处破解移动

if(a.bF&&1==a.bs.indexOf(a.bF.substr(1,1))%5&&a.lS(s)!=a.lS(a.ed)||a.bF&&a.bF.substr(3,1)!=a.bs.substr((a.bs.indexOf(a.bF.substr(0,1))+a.bs.indexOf(a.bF.substr(2,1)))*9%(a.bs.length-1),1))v.msgDialog('',"x54x68x69163x20146x75156x63x74x69x6f15640x69x7340x64151x73x61x62154145x6440x69x6e40x74x68x65x20x64145x6dx6fx20166145162163x69157156x20x6f14640x43x4b106x69156x64x65x72x2ex3c142162x205776120154145x61x7314540166151163151x74x20x74x68x654074141x20x68162x65x6675x27150x74164x707257x2f143x6bx66151156144x65162x2ex63157155x27x3e103113x46x69x6e144x65162x2016714514240163x69164145x3c57x61x3e4016415740157x62x74x61x69x6ex20141x20x76x61x6c151x64x20x6cx69143x65156163x65x2e");else

破解ckfinde r中文乱码的问题

上传中文文件乱码。创建子类文件名为中文乱码

修改tomcat 中的service.xml 添加 URIEncoding="utf-8"