JavaWeb 整合 CKEditor 與 CKFinder 實現圖片與附件上傳

需求場景

在 JavaWeb 專案中需要一個功能完整的富文本編輯器，並支援圖片與一般檔案的上傳。CKEditor 配合 CKFinder 是經典組合，但網路上完整可用的整合範例較少。

推薦整合教學資源

1. CKEditor + CKFinder 在 JSP 中的整合步驟
   詳細說明配置 config.jsp、設定上傳路徑、權限控管等。
   參考連結：https://www.cnblogs.com/yuepeng/archive/2013/04/01/2992097.html
2. CKEditor 3.6.4 上傳路徑配置（Java 版）
   針對上傳目錄、URL 映射、檔案命名規則等細節進行說明。
   參考連結：https://www.cnblogs.com/sfmjp/articles/2827858.html

快速整合重點

• 將 ckeditor 與 ckfinder 資料夾放入專案 WebContent 目錄。
• 修改 ckfinder/config.jsp：設定 baseDir 與 baseUrl，並實作 CheckAuthentication() 回傳 true（開發階段）。
• 在 JSP 頁面引入 ckeditor.js、ckfinder.js，並呼叫 CKFinder.setupCKEditor() 建立關聯。
• 確保上傳目錄具有寫入權限（Linux 下需 chmod 777）。

遵循上述資源與步驟，即可快速建立支援圖片與附件上傳的富文本編輯環境。