ASP.NET C# 安裝 ckeditor + ckfinder 記錄

ASP.NET C# 安裝 ckeditor + ckfinder 記錄

一、 安裝設定CKEditor

1. 下載CKEditor，選擇CKEditor版本(目前版本: 4.4.1 • 20 May 2014)，使用標準版本即可。
2. 若開發ASP.NET網站使用，須下載「CKEditor 3.6.4 for ASP.NET」(目前版本: 3.6.4 • 8 Aug 2012)
3. 先將以上2個壓縮檔解開，將ckeditor_aspnet_3.6.4\bin\Release下的CKEditor.NET.dll加入參考
4. 將解開的ckeditor資料夾複製至ASP.NET網站下
5. 在要加入CKEditor的頁面上方，加入:
6. <%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
7. 在頁面所需位置加入CKEditor控制項
8. <CKEditor:CKEditorControl ID="CKEditor1" BasePath="/ckeditor/" runat="server"></CKEditor:CKEditorControl>
9. 若有需要調校CKEditor版面或工具列，可於ckeditor\config.js去做設定

二、 安裝設定CKFinder

1. 下載CKFinder，選擇ASP.NET版本(目前版本: 2.4.1 • 4 Jan 2014)
2. 解壓縮檔案，將ckfinder\bin\Release下的CKEditor.NET.dll加入參考
3. 將ckfinder資料夾複製至ASP.NET網站下
4. 調整ckeditor\config.js，加入以下語法，以便CKEditor控制項在插入圖片、連結檔案時，可以呼叫CKFinder來檔案管理(要注意路徑寫法)

config.filebrowserBrowseUrl = "./ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl = "./ckfinder/ckfinder.html?type=Images";
config.filebrowserFlashBrowseUrl = "./ckfinder/ckfinder.html?type=Flash";
config.filebrowserUploadUrl = "./ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files";
config.filebrowserImageUploadUrl = "./ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images";
config.filebrowserFlashUploadUrl = "./ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash";

5. 開啟ckfinder\ config.ascx，調整相關權限設定

• CheckAuthentication()需要改為return true或與身份驗證連結
• SetConfig()的BaseUrl改為上傳資料夾的網域路徑，如：http://localhost/myweb/Upload/
• SetConfig()的BaseDir改為上傳資料夾的實體路徑，如：C:/inetpub/wwwroot/myweb/Upload/
• 注意：BaseDir 的路徑斜線方向要用 / ，而非 window 慣用的  ，最後也要加上 / 否則上傳會失敗