1.将必要的jar包导入到项目中（9个）
ckeditor-java-3.6.2.war\WEB-INF\lib：ckeditor-java-core-3.5.3.jar
CKFinderJava.war\WEB-INF\lib：
2.到入java文件到项目中，从com包开始导入
cditor\ckfinder\_sources\CKFinder for Java\CKFinder\src\main\java：
3.导入js样式到项目中ckeditor和ckfinder到WebRoot下
ckfinder：
ckeditor:
4.复制config.xml并修改属性
修改属性
5.配置web.xml
Struts2拦截要正确
ConnectorServlet
com.ckfinder.connector.ConnectorServlet
XMLConfig
/WEB-INF/config.xml
debug
false
1
ConnectorServlet
/ckfinder/core/connector/java/connector.java
FileUploadFilter
com.ckfinder.connector.FileUploadFilter
sessionCookieName
JSESSIONID
sessionParameterName
jsessionid
FileUploadFilter
/ckfinder/core/connector/java/connector.java
6.修改ckeditor下的config.js(在网上查找相关的样式)
/*
Copyright (c) 2003-2011,CKSource - Frederico Knabben. All rights reserved.
For licensing, seeLICENSE.html or http://ckeditor.com/license
*/
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configurationhere. 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\';
};
7.在页面导入ckeditor/ckeditor.js和ckfinder/ckfinder.js
8.用javaScript操作要显示的位置