ckeditor和ckfinder整合

一、下载必须的jar包

1、ckeditor_3.6.2.zip

2、ckeditor-java-3.6.2.war

3、ckfinder_java_2.1.zip

二、myeclipse引入jar包

位置：

 

插入java代码到src目录

引入js文件到WEB-ROOT

导入config.xml文件到WEB-INFO文件下

 修改　config.xml

　　1、<enabled>false</enabled>

　　　　当前限制上传功能

　　2、<baseURL>/Elec/userfiles/</baseURL>

　　　　设置文件保存目录

　　3、

　　　　<types>
　　　　<type name="Files">
　　　　<url>/Elec%BASE_URL%files/</url>该处必须加入项目名/Elec
　　　　<directory>%BASE_DIR%files</directory>
　　　　<maxSize>0</maxSize>
修改ckeditor文件夹下面的config.xml 

/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    

    //config.language = 'zh-cn'; // 配置语言
//
//    config.uiColor = '#fff'; // 背景颜色
//
      //config.width = '800px'; // 宽度

      //config.height = '300px'; // 高度
//
//    config.skin = 'office2003';// v2,kama,office2003（界面的皮肤）
//
//     config.toolbar = 'Full';// 工具栏风格Full,Basic
//    
//    config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;' +
//    '隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;

    //  config.htmlEncodeOutput = true;
    //config.startupOutlineBlocks = false; 

    //配置默认配置
    config.language = 'zh-cn'; //配置语言
       config.uiColor = '#FFF'; //背景颜色
       config.width = 800; //宽度
       config.height = 200; //高度
       config.skin = 'office2003'; //编辑器皮肤样式
    // 取消 “拖拽以改变尺寸”功能
       config.resize_enabled = false;
    // 使用基础工具栏
      //config.toolbar = "Basic";
    // 使用全能工具栏
       //config.toolbar = "Full";
    //使用自定义工具栏
    config.toolbar =
     [
     ['Source', '-'],
     ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', ],
     ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
     ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar','PageBreak'],
     '/',
     ['Bold', 'Italic', 'Underline', '-', 'Subscript', 'Superscript'],
     ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
     ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
     ['Link', 'Unlink', 'Anchor'],
     '/',
     ['Format', 'Font', 'FontSize'],
    ['TextColor', 'BGColor'],
     ['Maximize', 'ShowBlocks', '-', 'About']
     ];


    /*** 文件上传功能的配置-----------------------
     */
    config.filebrowserBrowseUrl = '../ckfinder/ckfinder.html'; 
    config.filebrowserImageBrowseUrl = '../ckfinder/ckfinder.html?type=Images';
    config.filebrowserFlashBrowseUrl = '../ckfinder/ckfinder.html?type=Flash';
    config.filebrowserUploadUrl = '../ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files';
    config.filebrowserImageUploadUrl = '../ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images';
    config.filebrowserFlashUploadUrl = '../ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash';
};

修改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>

插入到项目的web.xml中

引用ckeditor和ckfinder的js

<script language="javascript" src="${pageContext.request.contextPath }/ckfinder/ckfinder.js"></script>
<script language="javascript" src="${pageContext.request.contextPath }/ckeditor/ckeditor.js"></script>

引用script替换texterea

<script type="text/javascript">
                    CKEDITOR.replace("stationRun");
                </script>