JSP 集成 FCKeditor 富文本編輯器完整配置教程

FCKeditor（現 CKEditor 前身）是功能強大的開源 Web 富文本編輯器，支持圖片/文件上傳、多瀏覽器兼容。本文詳述 JSP 環境下的整合步驟。

整合步驟

1. 下載兩個包：主程序 FCKeditor_2.2.zip + JSP 整合包 FCKeditor-2.3.zip
2. 部署主程序：解壓 FCKeditor 目錄到網站根目錄
3. 配置 JSP 整合包：
   • 將 FCKeditor-2.3/web/WEB-INF/web.xml 中的兩個 Servlet 定義複製到項目 web.xml
   • 修改 url-pattern 前綴從 /editor/ 改為 /FCKeditor/（與部署路徑一致）
   • 將 FCKeditor-2.3/web/WEB-INF/lib/ 下 JAR 複製到項目 WEB-INF/lib/
4. JSP 頁面引用：

   <%@ taglib uri="https://fckeditor.net/tags-fckeditor" prefix="FCK" %>
   <FCK:editor id="content" basePath="/FCKeditor/"
       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>

關鍵點

• basePath 必須與部署路徑一致
• Connector 與 SimpleUploader Servlet 處理文件瀏覽/上傳
• 支持 IE 5.5+、Firefox、Netscape 等主流瀏覽器