自我总结，FCKeditor配置方法

1.将FCKeditor目录下的editor拷贝到项目的WebContent目录下
2.并把ECKeditor-2.3.jar 和 commons-fileupload.jar拷贝到 项目/WebContent/WEB-INF/lib目录下
3.把 FCKeditor.tld拷贝到项目/WebContent/WEB-INF下
4.在web.xml里添加如下代码

代码

1. <servlet>    
2.   
3.         <servlet-name>Connector</servlet-name>    
4.   
5.         <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>    
6.   
7.         <init-param>    
8.   
9.             <param-name>baseDir</param-name>    
10.   
11.             <!-- 此为文件浏览路径 -->    
12.   
13.             <param-value>/UserFiles/</param-value>    
14.   
15.         </init-param>    
16.   
17.         <init-param>    
18.   
19.             <param-name>debug</param-name>    
20.   
21.             <param-value>true</param-value>    
22.   
23.         </init-param>    
24.   
25.         <load-on-startup>1</load-on-startup>    
26.   
27.     </servlet>    
28.   
29.      
30.   
31.     <servlet>    
32.   
33.         <servlet-name>SimpleUploader</servlet-name>    
34.   
35.         <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>    
36.   
37.         <init-param>    
38.   
39.             <param-name>baseDir</param-name>    
40.   
41.             <!-- 此为文件上传路径，需要在WebRoot 目录下新建 UserFiles 文件夹 -->    
42.   
43.             <!-- 根据文件的类型还需要新建相关的文件夹 Image、 Flash -->    
44.   
45.             <param-value>/UserFiles/</param-value>    
46.   
47.         </init-param>    
48.   
49.         <init-param>    
50.   
51.             <param-name>debug</param-name>    
52.   
53.             <param-value>true</param-value>    
54.   
55.         </init-param>    
56.   
57.         <init-param>    
58.   
59.             <!-- 此参数为是否开启上传功能 -->    
60.   
61.             <param-name>enabled</param-name>    
62.   
63.             <param-value>true</param-value>    
64.   
65.         </init-param>    
66.   
67.         <init-param>    
68.   
69.             <param-name>AllowedExtensionsFile</param-name>    
70.   
71.             <param-value></param-value>    
72.   
73.         </init-param>    
74.   
75.         <init-param>    
76.   
77.             <!-- 此参数为文件过滤，以下的文件类型都不可以上传 -->    
78.   
79.             <param-name>DeniedExtensionsFile</param-name>    
80.   
81.             <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>    
82.   
83.         </init-param>    
84.   
85.         <init-param>    
86.   
87.             <param-name>AllowedExtensionsImage</param-name>    
88.   
89.             <param-value>jpg|gif|jpeg|png|bmp</param-value>    
90.   
91.         </init-param>    
92.   
93.         <init-param>    
94.   
95.             <param-name>DeniedExtensionsImage</param-name>    
96.   
97.             <param-value></param-value>    
98.   
99.         </init-param>    
100.   
101.         <init-param>    
102.   
103.             <param-name>AllowedExtensionsFlash</param-name>    
104.   
105.             <param-value>swf|fla</param-value>    
106.   
107.         </init-param>    
108.   
109.         <init-param>    
110.   
111.             <param-name>DeniedExtensionsFlash</param-name>    
112.   
113.             <param-value></param-value>    
114.   
115.         </init-param>    
116.   
117.         <load-on-startup>1</load-on-startup>    
118.   
119.     </servlet>    
120.   
121.      
122.   
123.   <servlet-mapping>    
124.   
125.     <servlet-name>Connector</servlet-name>    
126.   
127.     <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>    
128.   
129.   </servlet-mapping>    
130.   
131.      
132.   
133.   <servlet-mapping>    
134.   
135.     <servlet-name>SimpleUploader</servlet-name>    
136.   
137.     <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>    
138.   
139.   </servlet-mapping>    

<script type="text/javascript">render_code();</script>

5.在需要调用的页面

先导入：

代码

1. <%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %>   

<script type="text/javascript">render_code();</script>

并在需要调用的地方输入：

代码

1. <FCK:editor id="content" width="100%" height="320" fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana"    
2.          
3.                                 imageBrowserURL="/hakula/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"  
4.       
5.                                 linkBrowserURL="/hakula/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"  
6.       
7.                                 flashBrowserURL="/hakula/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"  
8.       
9.                                 imageUploadURL="/hakula/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"  
10.       
11.                                 linkUploadURL="/hakula/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"  
12.       
13.                                 flashUploadURL="/hakula/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">    
14.                     </FCK:editor> 
    

 

====================================================================================
另一种方式

把所有配置文件集中在editor文件下，有利于管理。及把原fckeditor 下文件（fckconfig.js、fckeditor.js、fckeditor.asp、fckstyles.xml、fcktemplates.xml）copy到editor 下。
1、需要修改editor/jsfck_startup.js ,
搜索

程序代码：

FCKScriptLoader.AddScript('../fckconfig.js')

 改为

程序代码：

FCKScriptLoader.AddScript('fckconfig.js')

 说明'fckconfig.js'与fckeditor.html 在同一目录

2、修改fckconfig.js'
增加

程序代码：

FCKConfig.BasePath="/../editor/"

将

程序代码：

FCKConfig.StylesXmlPath        = FCKConfig.EditorPath + 'fckstyles.xml' ;
FCKConfig.TemplatesXmlPath    = FCKConfig.EditorPath + 'fcktemplates.xml' ;

为

程序代码：

FCKConfig.StylesXmlPath        = FCKConfig.EditorPath + 'editor/fckstyles.xml' ;
FCKConfig.TemplatesXmlPath    = FCKConfig.EditorPath + 'editor/fcktemplates.xml' ;

或

程序代码：

FCKConfig.StylesXmlPath        = FCKConfig.BasePath + 'fckstyles.xml' ;
FCKConfig.TemplatesXmlPath    = FCKConfig.BasePath + 'fcktemplates.xml' ;

=======================================================================



方式三


1. FCKeditor 介绍
FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功
能.FCKeditor 支持当前流行的浏览器如IE 5.5+, Firefox 1.0+, Mozilla 1.3+与Netscape 7+等。
 

FCKeditor官司方网址：http://www.fckeditor.net/

FCKeditor在线DEMO：http://www.fckeditor.net/demo

FCKeditor下载直址：http://www.fckeditor.net/download (该版本为 2.3.2 )，最新版已经是2.4了。

2.FCKeditor.java介绍

不能直接在JSP项目中使用，需要FCKeditor.java库的支持。

FCKeditor.java是针对对JAVA中使用FCKeditor由Simone Chiaretta开发的FCKeditor的JAVA实现。

下载地址：http://www.fckeditor.net/download (最近版本为2.3)

3.在JAVA项目中使用FCKeditor在线编辑器

开发环境：JDK5.0 ＋<!--[if !supportLists]--> Eclipse 3.2.1 + WTP1.5.2

（1）新建一个WEB工程：

(2) 解压 FCKeditor_ 2.3.2 .zip包，将其中的 edit 文件夹到项目中的 WebRoot 目录

(3) 解压 FCKeditor_ 2.3.2 .zip 包，将其中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夹到项目中的 WebRoot 目录

(4) 解压 FCKeditor.java-2.3.zip 包，将其中的 /web/WEB-INF/lib 下的两个 jar 文件到项目的 WebRoot/WEB-INF/lib 目录

(5) 解压 FCKeditor.java-2.3.zip 包，将其中的 /src 下的 FCKeditor.tld 文件到项目的 WebContent/WEB-INF 目录

(6) 删除 WebContent/edit 目录下的 _source 文件夹（以“_”开始的文件，在项目中无用）

完成后的目录结构下如：

说明：图中的input.jsp和display.jsp两个是我写的测试集成FCKeditor的JSP文件。

  UserFiles是FCKeditor上传文件的文件夹。

修改WebContent/WEB-INF/web.xml文件，加入FCKeditor的配置信息，如下：

<?xml version="1.0" encoding="UTF-8"