1. FCKeditor 介绍

\


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

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

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


2.FCKeditor.java介绍

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

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

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


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

开发环境：JDK5.0 ＋ Eclipse + WTP1.5.2

（1）新建一个WEB工程：



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

（3）解压 FCKeditor_.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 代码


  2. xml version="1.0" encoding="UTF-8"?>
  3. <web-app id="WebApp_ID" version="2.4"
  4. xmlns="http://java.sun.com/xml/ns/j2ee"
  5. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  6. xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  7. <display-name>FCKeditordisplay-name>
  8. <servlet>
  9. <servlet-name>Connectorservlet-name>
  10. <servlet-class>
  11. com.fredck.FCKeditor.connector.ConnectorServlet
  12. servlet-class>
  13. <init-param>
  14. <param-name>baseDirparam-name>

  16. <param-value>/UserFiles/param-value>
  17. init-param>
  18. <init-param>
  19. <param-name>debugparam-name>
  20. <param-value>trueparam-value>
  21. init-param>
  22. <load-on-startup>1load-on-startup>
  23. servlet>
  24. <servlet>
  25. <servlet-name>SimpleUploaderservlet-name>
  26. <servlet-class>
  27. com.fredck.FCKeditor.uploader.SimpleUploaderServlet
  28. servlet-class>
  29. <init-param>
  30. <param-name>baseDirparam-name>


  33. <param-value>/UserFiles/param-value>
  34. init-param>
  35. <init-param>
  36. <param-name>debugparam-name>
  37. <param-value>trueparam-value>
  38. init-param>
  39. <init-param>

  41. <param-name>enabledparam-name>
  42. <param-value>falseparam-value>
  43. init-param>
  44. <init-param>
  45. <param-name>AllowedExtensionsFileparam-name>
  46. <param-value>param-value>
  47. init-param>
  48. <init-param>

  50. <param-name>DeniedExtensionsFileparam-name>
  51. <param-value>
  52. php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
  53. param-value>
  54. init-param>
  55. <init-param>
  56. <param-name>AllowedExtensionsImageparam-name>
  57. <param-value>jpg|gif|jpeg|png|bmpparam-value>
  58. init-param>
  59. <init-param>
  60. <param-name>DeniedExtensionsImageparam-name>
  61. <param-value>param-value>
  62. init-param>
  63. <init-param>
  64. <param-name>AllowedExtensionsFlashparam-name>
  65. <param-value>swf|flaparam-value>
  66. init-param>
  67. <init-param>
  68. <param-name>DeniedExtensionsFlashparam-name>
  69. <param-value>param-value>
  70. init-param>
  71. <load-on-startup>1load-on-startup>
  72. servlet>
  73. <servlet-mapping>
  74. <servlet-name>Connectorservlet-name>
  75. <url-pattern>
  76. /editor/filemanager/browser/default/connectors/jsp/connector
  77. url-pattern>
  78. servlet-mapping>
  79. <servlet-mapping>
  80. <servlet-name>SimpleUploaderservlet-name>
  81. <url-pattern>
  82. /editor/filemanager/upload/simpleuploader
  83. url-pattern>
  84. servlet-mapping>
  85. web-app>

注：web.xml中已经加入了一些常用配置的说明。