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.10\ckeditor
注意:CKFinderJava 加粗的是 war 包解压后的文件夹的名称
CKFinderJava/ckfinder
3. 复制 CKFinderJava配置文件 到WEB-INF 下面:
ckfinder\CKFinderJava\WEB-INF\config.xml
4. 复制下面文件夹下面所有jar 文件到 WEB-INf/lib 下面:
ckfinder\CKFinderJava\WEB-INF\lib
ckeditor-java-3.6.2\WEB-INF\lib
三. 下面删除无用的文件
首先是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
复制 ckfinder\CKFinderJava\WEB-INF\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>
<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="width: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
清除预览框中的 英文 地址: http://www.myexception.cn/web/1758815.html
破解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('',"\x54\x68\x69\163\x20\146\x75\156\x63\x74\x69\x6f\156\040\x69\x73\040\x64\151\x73\x61\x62\154\145\x64\040\x69\x6e\040\x74\x68\x65\x20\x64\145\x6d\x6f\x20\166\145\162\163\x69\157\156\x20\x6f\146\040\x43\x4b\106\x69\156\x64\x65\x72\x2e\x3c\142\162\x20\057\076\120\154\145\x61\x73\145\040\166\151\163\151\x74\x20\x74\x68\x65\040\074\141\x20\x68\162\x65\x66\075\x27\150\x74\164\x70\072\057\x2f\143\x6b\x66\151\156\144\x65\162\x2e\x63\157\155\x27\x3e\103\113\x46\x69\x6e\144\x65\162\x20\167\145\142\040\163\x69\164\145\x3c\057\x61\x3e\040\164\157\040\157\x62\x74\x61\x69\x6e\x20\141\x20\x76\x61\x6c\151\x64\x20\x6c\x69\143\x65\156\163\x65\x2e");else
破解ckfinde r中文乱码的问题
上传中文文件乱码。创建子类文件名为中文乱码
修改tomcat 中的service.xml 添加 URIEncoding="utf-8"
<Connector connectionTimeout="20000" port="9099" protocol="HTTP/1.1" redirectPort="8443" URIEncoding="utf-8"/>