Ckeditor + ckfinder整合for JAVA（支持文件上传）
2012-06-20
备注：本人使用的开发工具为eclipse 3.7.0，服务器为：apache-tomcat-7.0.20，仅供参考。
● 第一步：工具下载：
首先下载：CKEditor
本人下载并使用的版本是：CKEditor 3.6.3
下载地址：ckeditor/download 如下图所示：
下载完成后，文件为：ckeditor_3.6.3.zip
接着下载:ckfinder
下载地址：ckfinder/download jquery下载文件请求如下图所示：
下载完成后，文件为：ckfinder_java_2.2.1.zip
● 第二步，新建项目
打开Ecilpse-->File-->New-->Dynamic Web Project
项目名：CkeditorForJava，如下图所示：
单击“下一步”，如下图所示
单击“下一步”，如下图所示
修改Content directory 为 WebRoot。最终点完成。
● 第三步，整合
解压什么是osckeditor_3.6.3.zip，然后将ckeditor文件夹全部考到WebRoot编程概述根目录下。完成后项目结构如下图所示：
修改ckeditor文件夹下的config.js文件，代码如下：
/*
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
源代码观后感500多字
帝国建站系统For licensing, see LICENSE.html or ckeditor/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'; //背景颜
    易语言findwindow// config.width = 400; //宽度
    // config.height = 400; //高度
    // config.skin = 'v2'; //编辑器皮肤样式
    // 取消 “拖拽以改变尺寸”功能
    // size_enabled = false;
    // 使用基础工具栏
    // lbar = "Basic";
    // 使用全能工具栏
    lbar = "Full";
    //使用自定义工具栏
    // lbar =
    // [
    // ['Source', 'Preview', '-'],
    // ['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'],

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。