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

在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('',"\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"/>

posted @ 2016-09-05 16:51  大漠麋鹿  阅读(364)  评论(0编辑  收藏  举报