首頁 > 開發者 > JSP

Java FckEditor 2.6+JSP的配置方法詳解

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

轉自：http://www.sunchis.com/html/java/javaweb/2011/0318/270.html

按照這個文章做得，很好用。

關於FckEditor for java的配置，如何與自己的項目進行整合，類似於這類文章，在網上有很多。但是，很多人都是抄來抄去，自己根據沒有測試和驗證配置的可行性，錯誤百出。更為主要的是，那些抄來抄去的配置，都是早已淘汰的FckEditor for java 2.3配置方法，甚至更早。現在FckEditor已經是2.6版本了，其包名都由com.fredck.FCKeditor改為net.fckeditor了。

我目前也正在做一個項目，項目中要用到FckEditor，花了一點時間來配置和將其整合到項目中。回頭我將整個詳細的配置過程也整理了一下，希望可以填補這方面的空缺，並希望大家不要抄來抄去的，發表一篇技術文章，要有依據，要保證文章的品質。

FckEditor for java 2.6版本相對於之前的2.3版本而言，有了許多的改變，這些改變使得我們的Fckeditor配置起來更方便。例如：檔案上傳SimpleUploaderServle整合到了ConnectorServlet裡面，WEB.XML的配置就簡單多了。好了，廢話少說，下面通過一個執行個體說明配置詳細步驟。

FckEditor的相關包下載

1、訪問http://ckeditor.com/download，下載FCKeditor的最新版本，當前FCKeditor的最新版本是FckEditor2.6.6。這個壓縮包就是可視化的FckEditor編輯器源碼包，支援jsp、php、asp等多種語言。

2、訪問http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/，下載fckeditor-java-2.6。會有三種版本可供下載，分別是fckeditor-java-demo-2.6.war（demo包）、fckeditor-java-2.6-src.zip（原始碼版）、fckeditor-java-2.6-bin.zip（發行版）。為了避免出錯，最好使用fckeditor-java-demo-2.6.war，因為這個demo是可以正常運行起來的，因為我們在配置的時候要使用到這個demo包中的幾個lib類庫。

下載之後分別為：FCKeditor_2.6.6.zip 和FCKeditor-java-demo-2.6.war，用WinRAR將它們分別解壓。

配置FckEditor並與項目整合

3、在Eclipse(或者其他的IDE)下建立一個新項目，例如：fckeditorTest，即http://localhost:8080/FckeditorTest。

現在將解壓後的FCKeditor_2.6.6.zip 裡面的fckeditor檔案夾拷貝到當前的專案檔夾裡面。我的fckeditorTest項目目錄結構如下：

4、配置web.xml。設定檔如下，這就是全部了，其他的不需要再配置，由於SimpleUploaderServle整合到了ConnectorServlet裡面，所以檔案上傳等都不需要再配置。

 
    
  
  1. <servlet> 
    2. 
  
  2.    <servlet-name>Connector</servlet-name> 
    3. 
  
  3.    <servlet-class> 
    4. 
  
  4.     net.fckeditor.connector.ConnectorServlet 
    5. 
  
  5.    </servlet-class> 
    6. 
  
  6.    <load-on-startup>1</load-on-startup> 
    7. 
  
  7. </servlet> 
    8. 
  
  8.  
    9. 
  
  9. <servlet-mapping> 
    10. 
  
  10.    <servlet-name>Connector</servlet-name> 
    11. 
  
  11.    <url-pattern> 
    12. 
  
  12.     /fckeditor/editor/filemanager/connectors/* 
    13. 
  
  13.    </url-pattern> 
    14. 
  
  14. </servlet-mapping> 
    15.

5、解壓FCKeditor-java-demo-2.6.war後，將\WEB-INF\lib\下的所有jar包複製到自己項目下\WEB-INF\lib\中。這一步非常重要，FCKeditor要使用到這些jar檔案。

6、在src目錄下面建立fckeditor.properties資源檔，在裡面寫入這麼一行：

 
    
  
  1. connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl
    2.

7、測試頁面 index.jsp：

 
    
  
  1. <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
    2. 
  
  2. <%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %> 
    3. 
  
  3. <html> 
    4. 
  
  4. <head> 
    5. 
  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    6. 
  
  6.     <title>FckEditor測試</title> 
    7. 
  
  7. </head> 
    8. 
  
  8. <body style="text-align: center;"> 
    9. 
  
  9. <div style="text-align: center;width: 600pt"> 
    10. 
  
  10. <h2>FckEditor測試</h2> 
    11. 
  
  11. <hr> 
    12. 
  
  12. <form action="ShowData.jsp" method="post"> 
    13. 
  
  13.   <FCK:editor instanceName="test" height="400pt"> 
    14. 
  
  14.    <jsp:attribute name="value">www.sunchis.com</jsp:attribute> 
    15. 
  
  15.   </FCK:editor>      
    16. 
  
  16.    <input type="submit" value="提交"/> 
    17. 
  
  17.    <input type="reset" value="重設"/> 
    18. 
  
  18. </form> 
    19. 
  
  19. </div> 
    20. 
  
  20. </body> 
    21. 
  
  21. </html> 
    22.

 8、顯示資料的頁面 ShowData.jsp：

 
    
  
  1. <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
    2. 
  
  2. <html> 
    3. 
  
  3. <head> 
    4. 
  
  4.    <title>FCKeditor - 顯示資料</title> 
    5. 
  
  5.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    6. 
  
  6. </head> 
    7. 
  
  7. <% 
    8. 
  
  8.    request.setCharacterEncoding("UTF-8"); 
    9. 
  
  9.    String data = request.getParameter("test"); 
    10. 
  
  10. %> 
    11. 
  
  11. <body> 
    12. 
  
  12.    <h1>FCKeditor - 顯示資料</h1>   
    13. 
  
  13.    <hr/><br /> 
    14. 
  
  14.    <%=data%> 
    15. 
  
  15. </body> 
    16. 
  
  16. </html> 
    17.

9、測試。

10、給FckEditor瘦身

① 刪除fckeditor目錄下面所有以“_”開頭的檔案或者檔案夾，像"_samples"、"_documentation.html“等；

② 刪除fckeditor目錄下面除了fckconfig.js、fckpackage.xml fckstyles.xml、fcktemplates.xml外的所有檔案，當然要保留editor檔案夾；

③ 刪除fckeditor/editor/lang目錄下面除了en.js、 zh-cn.js外的所有檔案；

④ 刪除fckeditor\editor\filemanager目錄下面的connectors檔案夾；

11、項目測試源碼下載

下載我已經打包好的war檔案，在Eclipse中執行“檔案” -> “匯入”，選擇要匯入的檔案類型為WAR即可匯入到Eclipse工作空間中。

下載連結http://dl.dbank.com/c0pvrayl25

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
java servlet jsp cookbook java lang nullpointerexception jsp java jsp tutorial java servlets and jsp java java lang nullpointerexception java java start
相關文章
動態網頁製作技術JSP頁面顯示亂碼問題的解決
servlet、jsp跳轉(傳值)總結及URL傳參數__js
Spring Boot 最佳實務（二）整合Jsp與生產環境部署
JSP頁面列印
用JSP實現資料庫圖片的儲存與顯示執行個體
用jsp上傳圖片檔案，存貯到欄位類型為blob的流形式代碼

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More