CKEditor和CKfinder的使用方法

CKEditor和CKfinder的使用方法
一．需要的资源
将上述的包都解压分别的到
一．解压ckfinder中的
二．从解压后的文件中找到WEB-INF/lib中如下的包：
添加到项目的lib包中。

三．将ckeditor-java-core中的添加到开发项目的lib文件夹下。

四．ckfinder\_source\CKFinder for Java\CKFinder\src\main\java下的拷贝到项目的src下。

五．将\ckfinder下的（都是js没有java）放到webroot下。

六．将直接考到webroot下。

七．\ckfinder\WEB-INF下的文件拷贝到开发项目的WEB-INF下。

八．修改config.xml
注意：要加项目名的地方有三处，另外两处如下：
九．在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>
十一.在ckeditor/下的中添加如下的代码：
// Define changes to default configuration here. For example:
// nguage = 'fr';
// config.uiColor = '#AADC6E';
//nguage = '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;
//配置默认配置
nguage = 'zh-cn'; //配置语言
config.uiColor = '#FFF'; //背景颜色
config.width = 400; //宽度
config.height = 400; //高度
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']
];
如果strust.xml配置了命名空间就要加点。

一层命命名空间就加一个点，两层就加两个点。

例如我的命名空间是/system,所以我加了一个点。

/***文件上传功能的配置-----------------------
*/
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';
十二．在需要显示的页面引入俩个重要的js
十三．在要添加编辑器的地方添加代码：
注意：防止上传的文件被struts转发，必须修改如下的代码，使得提交的内容走刚刚配置的
servlet，而不是走struts。