zoukankan      html  css  js  c++  java

  • 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"

     <Connector connectionTimeout="20000" port="9099" protocol="HTTP/1.1" redirectPort="8443" URIEncoding="utf-8"/>
  • 相关阅读:
    EntityFramework.Extended 支持 MySql
    向着那个理想的世界奔跑
    DDD 领域驱动设计－两个实体的碰撞火花
    云自无心水自闲
    JQuery 复制粘贴上传图片插件（textarea 和 tinyMCE）
    理解 .NET Platform Standard
    【补充】Gitlab 部署 CI 持续集成
    DDD 领域驱动设计－领域模型中的用户设计
    CSS float 定位和缩放问题
    JQuery 加载 CSS、JS 文件
  • 原文地址：https://www.cnblogs.com/wll-cn/p/5841788.html
Copyright © 2011-2022 走看看