隨筆-20  評論-3  文章-9  trackbacks-0
          FCKeditor 這個開源的HTML 文本編輯器可以讓web 程序擁有如MS Word 這樣強大的編輯功
          FCKeditor官司方網址:http://www.fckeditor.net/

          FCKeditor在線DEMO:http://www.fckeditor.net/demo

          FCKeditor下載直址:http://www.fckeditor.net/download 最新版已經是2.6了。

          在項目中使用FCKeditor在線編輯器:
          (1) 新建一個WEB工程;
          (2) 解壓FCKeditor_2.6.zip包,將其中的editor文件夾復制到項目中去;
          (3) 解壓FCKeditor_2.6.zip包,將其中的fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml賦值到項目中的WebRoot目錄下面;
          (4) 將FCKeditor.jar文件復制到WebRoot\WEB-INF\lib目錄;
          (5) 將FCKeditor.tld文件復制到WEB-INF下面;
          (6) 修改web.xml配置文件中的信息,如下;
          <!-- fckeditor start -->
          Java代碼
          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. ????????????<param-value>/UserFiles/</param-value> ??
          9. ????????</init-param> ??
          10. ????????<init-param> ??
          11. ????????????<param-name>debug</param-name> ??
          12. ????????????<param-value>true</param-value> ??
          13. ????????</init-param> ??
          14. ????????<load-on-startup>1</load-on-startup> ??
          15. ????</servlet> ??
          16. ????<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. ????????????<param-value>/UserFiles/</param-value> ??
          24. ????????</init-param> ??
          25. ????????<init-param> ??
          26. ????????????<param-name>debug</param-name> ??
          27. ????????????<param-value>false</param-value> ??
          28. ????????</init-param> ??
          29. ????????<init-param> ??
          30. ????????????<param-name>enabled</param-name> ??
          31. ????????????<param-value>true</param-value> ??
          32. ????????</init-param> ??
          33. ????????<init-param> ??
          34. ????????????<param-name>AllowedExtensionsFile</param-name> ??
          35. ????????????<param-value></param-value> ??
          36. ????????</init-param> ??
          37. ????????<init-param> ??
          38. ????????????<param-name>DeniedExtensionsFile</param-name> ??
          39. ????????????<param-value> ??
          40. ????????????????php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi ??
          41. ????????????</param-value> ??
          42. ????????</init-param> ??
          43. ????????<init-param> ??
          44. ????????????<param-name>AllowedExtensionsImage</param-name> ??
          45. ????????????<param-value>jpg|gif|jpeg|png|bmp</param-value> ??
          46. ????????</init-param> ??
          47. ????????<init-param> ??
          48. ????????????<param-name>DeniedExtensionsImage</param-name> ??
          49. ????????????<param-value></param-value> ??
          50. ????????</init-param> ??
          51. ????????<init-param> ??
          52. ????????????<param-name>AllowedExtensionsFlash</param-name> ??
          53. ????????????<param-value>swf|fla</param-value> ??
          54. ????????</init-param> ??
          55. ????????<init-param> ??
          56. ????????????<param-name>DeniedExtensionsFlash</param-name> ??
          57. ????????????<param-value></param-value> ??
          58. ????????</init-param> ??
          59. ????????<load-on-startup>1</load-on-startup> ??
          60. ????</servlet> ??
          61. ??<servlet> ??
          62. ????<description>This?is?the?description?of?my?J2EE?component</description> ??
          63. ????<display-name>This?is?the?display?name?of?my?J2EE?component</display-name> ??
          64. ????<servlet-name>PostArticle</servlet-name> ??
          65. ????<servlet-class>servlet.PostArticle</servlet-class> ??
          66. ??</servlet> ??
          67. ??
          68. ??
          69. ????<servlet-mapping> ??
          70. ????????<servlet-name>Connector</servlet-name> ??
          71. ????????<url-pattern> ??
          72. ????????????/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector ??
          73. ????????</url-pattern> ??
          74. ????</servlet-mapping> ??
          75. ????<servlet-mapping> ??
          76. ????????<servlet-name>SimpleUploader</servlet-name> ??
          77. ????????<url-pattern> ??
          78. ????????????/FCKeditor/editor/filemanager/upload/simpleuploader ??
          79. ????????</url-pattern> ??
          80. ????</servlet-mapping> ??
          81. ??<servlet-mapping> ??
          82. ????<servlet-name>PostArticle</servlet-name> ??
          83. ????<url-pattern>/servlet/post</url-pattern> ??
          84. ??</servlet-mapping>??
          <!-- fckeditor end -->


          (7) 在JSP頁面中使用,如:test.jsp
          首先要在報頭中加入
          Java代碼 復制代碼
          1. <%@?taglib?uri="http://fckeditor.net/tags-fckeditor"?prefix="f"%>??
          還要注意basepath及path的設置
          Java代碼 復制代碼
          1. <% ??
          2. String?path?=?request.getContextPath(); ??
          3. String?basePath?=?request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; ??
          4. %> ??
          5. ??
          6. ??<body> ??
          7. ????<form?action="servlet/post"?method="post"> ??
          8. ????????title:<input?type="text"?name="title"><br> ??
          9. ????????<f:editor?id="content"??basePath='<%=path?+?"/FCKeditor/"%>'??
          10. ????????????????imageBrowserURL='<%=path ??
          11. ????????????????????????????+?"/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"%>' ??
          12. ????????????????linkBrowserURL='<%=path ??
          13. ????????????????????????????+?"/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"%>' ??
          14. ????????????????flashBrowserURL='<%=path ??
          15. ????????????????????????????+?"/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"%>' ??
          16. ????????????????imageUploadURL='<%=path ??
          17. ????????????????????????????+?"/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"%>' ??
          18. ????????????????linkUploadURL='<%=path ??
          19. ????????????????????????????+?"/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"%>' ??
          20. ????????????????flashUploadURL='<%=path ??
          21. ????????????????????????????+?"/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"%>'> ??
          22. ???????? ??
          23. ???????? ??
          24. ????????????</f:editor> ??
          25. ????????????<input?type="submit"> ??
          26. ????</form> ??
          27. ??</body>??


          實際代碼下載:直接用Eclipse加載就可以了
          http://www.aygfsteel.com/Files/vip/FCKeditor-2.3.rar

          posted on 2008-06-04 15:00 藍山 閱讀(198) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 鄂托克旗| 剑河县| 福贡县| 隆德县| 都江堰市| 翁源县| 侯马市| 汶上县| 桃源县| 仁怀市| 彭州市| 循化| 安国市| 信阳市| 武山县| 宜兰县| 麻阳| 察雅县| 淮滨县| 黎城县| 平遥县| 香港 | 门头沟区| 岳阳市| 河源市| 古田县| 台北县| 潮州市| 卢龙县| 江安县| 怀安县| 蓬安县| 大同县| 崇阳县| 闻喜县| 鸡泽县| 德惠市| 牙克石市| 安吉县| 柘荣县| 龙南县|