FCKeditor编辑器的应用

来源：互联网发布：编辑网络大赛编辑：程序博客网时间：2024/05/01 04:52

工程如图上：

1.导入commons-fileupload.jar和FCKeditor-2.3.jar两个jar包

2.将FCKeditor中的FCKeditor.tld放到WEB-INF下

3.将fckconfig.js,fckeditor.js,fcksytles.xml,fcktemplates.xml和editor放到WEB-ROOT下。

4.建UserFiles--Flash和Image

5.配置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></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>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>SimpleUploader</servlet-name> <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern> </servlet-mapping>

6.测试：

index.jsp:

<%@ page contentType="text/html;charset=GBK" language="java"%><%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck" %><html> <head> <title>在线编辑器FCKeditor的应用</title> </head> <body> <h2>在线编辑器FCKeditor的应用</h2> <hr><form action="process.jsp"> <fck:editor id="testfck" basePath="/FCKeditor/" height="60%" skinPath="/FCKeditor/editor/skins/default/" toolbarSet="Default" imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> </fck:editor> <input type="submit" name="submit" value="提交"/> </form> </body></html>

process.jsp:

<%@ page contentType="text/html;charset=GBK" language="java"%><html> <head> <title>在线编辑器FCKeditor的应用</title> </head> <body> <h2>在线编辑器FCKeditor的应用</h2> <hr> 您提交的表单内容为:<br> <% String context = request.getParameter("testfck"); context = new String(context.getBytes("ISO8859-1"),"GB2312"); System.out.println(context); out.println(context); %> </body></html>

工程下载地址是：

http://d.download.csdn.net/down/1171584/xiaoranchenxi