`
xiaohua2125
  • 浏览: 33294 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

FCKeditor在线文本编辑器的使用说明

fckeditor浏览器ServletJSPFlash 
阅读更多
FCKeditor在线文本编辑器的使用说明
FCKeditor 版本：
FCKeditor_2.3.1
FCKeditor.Java 2.3
开始：
新建工程，名称为 fekeditor
解压 FCKeditor_2.3.1 包中的 edit 文件夹到项目中的 WebContent 目录
解压 FCKeditor_2.3.1 包中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夹到项目中的 WebContent 目录
解压 FCKeditor-2.3.zip 包中的 \web\WEB-INF\lib 下的两个 jar 文件到项目的 WebContent\WEB-INF\lib 目录
解压 FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录
删除 WebContent\edit 目录下的 _source 文件夹
修改 web.xml 文件，加入以下内容：
  1. <servlet>
  2. <servlet-name>Connector</servlet-name>
  3. <servlet-class>
  4. com.fredck.FCKeditor.connector.ConnectorServlet
  5. </servlet-class>
  6. <init-param>
  7. <param-name>baseDir</param-name>
  8. <!--此为文件浏览路径-->
  9. <param-value>/UserFiles/</param-value>
  10. </init-param>
  11. <init-param>
  12. <param-name>debug</param-name>
  13. <param-value>true</param-value>
  14. </init-param>
  15. <load-on-startup>1</load-on-startup>
  16. </servlet><servlet>
  17. <servlet-name>SimpleUploader</servlet-name>
  18. <servlet-class>
  19. com.fredck.FCKeditor.uploader.SimpleUploaderServlet
  20. </servlet-class>
  21. <init-param>
  22. <param-name>baseDir</param-name>
  23. <!--此为文件上传路径，需要在WebContent目录下新建UserFiles文件夹-->
  24. <!--根据文件的类型还需要新建相关的文件夹Image、Flash-->
  25. <param-value>/UserFiles/</param-value>
  26. </init-param>
  27. <init-param>
  28. <param-name>debug</param-name>
  29. <param-value>true</param-value>
  30. </init-param>
  31. <init-param>
  32. <!--此参数为是否开启上传功能-->
  33. <param-name>enabled</param-name>
  34. <param-value>false</param-value>
  35. </init-param>
  36. <init-param>
  37. <param-name>AllowedExtensionsFile</param-name>
  38. <param-value></param-value>
  39. </init-param>
  40. <init-param>
  41. <!--此参数为文件过滤，以下的文件类型都不可以上传-->
  42. <param-name>DeniedExtensionsFile</param-name>
  43. <param-value>
  44. php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
  45. </param-value>
  46. </init-param>
  47. <init-param>
  48. <param-name>AllowedExtensionsImage</param-name>
  49. <param-value>jpg|gif|jpeg|png|bmp</param-value>
  50. </init-param>
  51. <init-param>
  52. <param-name>DeniedExtensionsImage</param-name>
  53. <param-value></param-value>
  54. </init-param>
  55. <init-param>
  56. <param-name>AllowedExtensionsFlash</param-name>
  57. <param-value>swf|fla</param-value>
  58. </init-param>
  59. <init-param>
  60. <param-name>DeniedExtensionsFlash</param-name>
  61. <param-value></param-value>
  62. </init-param>
  63. <load-on-startup>1</load-on-startup>
  64. </servlet><servlet-mapping>
  65. <servlet-name>Connector</servlet-name>
  66. <url-pattern>
  67. /editor/filemanager/browser/default/connectors/jsp/connector
  68. </url-pattern>
  69. </servlet-mapping>
  70. <servlet-mapping>
  71. <servlet-name>SimpleUploader</servlet-name>
  72. <url-pattern>
  73. /editor/filemanager/upload/simpleuploader
  74. </url-pattern>
  75. </servlet-mapping>
新建一个提交页 jsp1.jsp 文件和一个接收页 jsp2.jsp 文件
jsp1.jsp文件：
  1. <%@pagecontentType="text/html;charset=UTF-8"language="java"%>
  2. <%@tagliburi="/WEB-INF/FCKeditor.tld"prefix="fck"%>
  3. <html>
  4. <head>
  5. <title>Test</title>
  6. </head>
  7. <body>
  8. <FORMaction="jsp2.jsp">
  9. <fck:editorid="testfck"basePath="/fekeditor/"
  10. height="100%"
  11. skinPath="/fekeditor/editor/skins/default/"
  12. toolbarSet="Default"
  13. imageBrowserURL="/fekeditor/editor/filemanager/browser/
  14. default/browser.html?Type=Image&Connector=connectors/jsp/connector"
  15. linkBrowserURL="/fekeditor/editor/filemanager/browser/
  16. default/browser.html?Connector=connectors/jsp/connector"
  17. flashBrowserURL="/fekeditor/editor/filemanager/browser/
  18. default/browser.html?Type=Flash&Connector=connectors/jsp/
  19. connector"
20. imageUploadURL="/fekeditor/editor/filemanager/upload/
21. simpleuploader?Type=Image"
  1. linkUploadURL="/fekeditor/editor/filemanager/upload/
  2. simpleuploader?Type=File"
  3. flashUploadURL="/fekeditor/editor/filemanager/upload/
  4. simpleuploader?Type=Flash">
  5. </fck:editor>
  6. <inputtype="submit"/>
  7. </FORM>
  8. </body>
  9. </html>
jsp2.jsp代码如下：
  1. <html>
  2. <head>
  3. <title>TEST</title>
  4. </head>
  5. <body>
  6. <%=request.getParameter("testfck")%>
  7. </body>
  8. </html>
在 WebContent 目录下新建 UserFiles 文件夹，在此文件夹下新建 File,Image,Flash 三个文件夹，为上传文件存储目录。
注：File,Image,Flash三个文件夹：可以不用建，系统在你上传文件的同时自动创建。
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics