简单版:
一、下载文件
1)FCKeditor_2.3.2.zip(基本文件)
2)FCKeditor-2.3.zip(for java)
二、解压文件
1)FCKeditor_2.3.2.zip解压后的目录范例为:FCKeditor_2.3.2/FCKeditor/editor
2)FCKeditor-2.3.zip解压后的目录范例为:FCKeditor-2.3/web/WEB-INF/lib
三、复制文件到web项目
1)将FCKeditor_2.3.2.zip解压后的FCKeditor目录复制到项目的根目录下,即FCKeditor目录跟WEB-INF目录平级;
2)将FCKeditor-2.3.zip解压后的lib下的FCKeditor-2.3.jar、commons-fileupload.jar两个文件复制到项目的lib目录里面。
四、修改项目的web.xml
加上如下部分(可以参照FCKeditor-2.3.zip解压后web.xml,以下指出了不同的地方):
- <servlet>
- <servlet-name>Connector</servlet-name>
- <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
- <init-param>
- <param-name>baseDir</param-name>
- <param-value>/UserFiles/</param-value>
- </init-param>
- <init-param>
- <param-name>debug</param-name>
- <param-value>true</param-value>
- </init-param>
- <load-on-startup>1</load-on-startup>
- </servlet>
- <servlet>
- <servlet-name>SimpleUploader</servlet-name>
- <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
- <init-param>
- <param-name>baseDir</param-name>
- <param-value>/UserFiles/</param-value>
- </init-param>
- <init-param>
- <param-name>debug</param-name>
- <param-value>true</param-value>
- </init-param>
- <init-param>
- <param-name>enabled</param-name>
- <param-value>true</param-value>(这里修改为true了)
- </init-param>
- <init-param>
- <param-name>AllowedExtensionsFile</param-name>
- <param-value></param-value>
- </init-param>
- <init-param>
- <param-name>DeniedExtensionsFile</param-name>
- <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
- </init-param>
- <init-param>
- <param-name>AllowedExtensionsImage</param-name>
- <param-value>jpg|gif|jpeg|png|bmp</param-value>
- </init-param>
- <init-param>
- <param-name>DeniedExtensionsImage</param-name>
- <param-value></param-value>
- </init-param>
- <init-param>
- <param-name>AllowedExtensionsFlash</param-name>
- <param-value>swf|fla</param-value>
- </init-param>
- <init-param>
- <param-name>DeniedExtensionsFlash</param-name>
- <param-value></param-value>
- </init-param>
- <load-on-startup>1</load-on-startup>
- </servlet>
- <servlet-mapping>
- <servlet-name>Connector</servlet-name>
- <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>(这里增加了/FCKeditor)
- </servlet-mapping>
- <servlet-mapping>
- <servlet-name>SimpleUploader</servlet-name>
- <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>(这里增加了/FCKeditor)
- </servlet-mapping>
五、修改FCKeditor-2.3.jar
用winrar打开FCKeditor-2.3.jar,将目录META-INF目录下的FCKeditor.tld文件打开
将:
- <attribute>
- <name>id</name>
- <required>true</required>
- </attribute>
修改为:
- <attribute>
- <name>id</name>
- <required>true</required>
- <rtexprvalue>true</rtexprvalue>(这里为新增的一行)
- </attribute>
保存,会弹出对话框“文件"FCKeditor.tld"已经被修改。你希望在压缩文件中更新它吗?”,点击“是”。
六、使用范例,在“任意项目”中“任意目录”的范例文件sample.jsp(以上所做的一切都是了以下精华):
- <%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %>
- <%
- String fckeditorbasePath=request.getContextPath()+"/FCKeditor/";
- String browserURL =fckeditorbasePath+"editor/filemanager/browser/default/browser.html";
- String uploadURL =fckeditorbasePath+"editor/filemanager/upload/simpleuploader";
- String p_w_picpathBrowserURL =browserURL+"?Type=Image&Connector=connectors/jsp/connector";
- String linkBrowserURL =browserURL+"?Connector=connectors/jsp/connector";
- String flashBrowserURL =browserURL+"?Type=Flash&Connector=connectors/jsp/connector";
- String p_w_picpathUploadURL =uploadURL+"?Type=Image";
- String linkUploadURL =uploadURL+"?Type=File";
- String flashUploadURL =uploadURL+"?Type=Flash";
- %>
- <FCK:editor id="editorContent" basePath="<%= fckeditorbasePath %>"
- p_w_picpathBrowserURL="<%= p_w_picpathBrowserURL %>" linkBrowserURL="<%= linkBrowserURL %>" flashBrowserURL="<%= flashBrowserURL %>"
- p_w_picpathUploadURL="<%= p_w_picpathUploadURL %>" linkUploadURL="<%= linkUploadURL %>" flashUploadURL="<%= flashUploadURL %>">
- 默认文字在这里。
- </FCK:editor>
七、在你看到结果之前,注意重新启动服务。