JSP 環境整合 FCKeditor 線上編輯器完整配置指南

FCKeditor 簡介

開源線上富文本編輯器，支援 ASP.NET、ASP、ColdFusion、PHP、Java 等伺服端語言，相容 IE 5+、Firefox、Netscape 等主流瀏覽器。官網：fckeditor.net

安裝部署步驟

1. 下載兩個套件

• 主程式：FCKeditor_2.2.zip
• JSP 整合包：FCKeditor-2.3.zip (含 Servlet 配置、標籤庫)

2. 部署主程式

解壓 FCKeditor_2.2.zip，將 FCKeditor 目錄複製至網站根目錄。

3. 配置 JSP 整合包

解壓 FCKeditor-2.3.zip，執行：

• 將 web/WEB-INF/web.xml 中兩個 Servlet 定義複製至專案 web.xml：
  • Connector → /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector
  • SimpleUploader → /FCKeditor/editor/filemanager/upload/simpleuploader
• 將 web/WEB-INF/lib/ 下所有 Jar 複製至專案 WEB-INF/lib/

4. JSP 頁面整合

<%@ taglib prefix="FCK" uri="https://java.fckeditor.net" %>
<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>

精簡部署 (瘦身)

1. 刪除所有以下劃線開頭目錄 (_samples, _test 等)
2. 根目錄僅保留：fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml
3. 清空 editor/filemanager/upload/ 目錄
4. 皮膚目錄 editor/skins/ 僅保留 default
5. 語言檔 editor/lang/ 僅保留 en.js, fcklanguagemanager.js, zh-cn.js, zh.js

常見問題與安全

現代替代方案

FCKeditor 已停止更新，現代專案建議使用：

• CKEditor 4/5 (FCKeditor 繼任者，架構全新)
• TinyMCE (成熟商業/開源雙授權)
• Quill (輕量、模組化、現代 API)
• Editor.js (區塊式編輯、輸出 JSON)