正式開始,默認跟視頻一致放在根目錄:
第一步先引入CKEditor的JS文件和CKFinder的JS文件
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>

第二步載入編輯器：
 <textarea id="content" name="content" class="ckeditor">初始化內容...</textarea>
 <script type="text/javascript">
   if (typeof CKEDITOR == 'undefined') {
   document.write('載入CKEditor失敗');
   }
   else {
       var editor = CKEDITOR.replace('content');
       CKFinder.SetupCKEditor(editor, 'ckfinder/'); //ckfinder總目錄的相對路徑.
 }
</script>

第三步配置CKEditor下的config.js文件:
 config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';
 config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
 config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
 config.filebrowserUploadUrl = 'ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files';
 config.filebrowserImageUploadUrl = 'ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images';
 config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash';
此代碼為啟用上傳圖片的功能 

第四步修改ckeditor/plugins/image/dialogs/image.js 文件: 最新版本的ckeditor不需要這步
// hidden: ture, 為原來的預設值，流覽按鈕為不顯示。改為 hidden:false,
{type:'button',id:'browse',style:'display:inline-block;margin-top:10px;',align:'center',label:q.lang.common.browseServer,hidden:false,filebrowser:'info:txtUrl'} 

第五步修改/ckfinder/config.asp
（1）查找CheckAuthentication
修改CheckAuthentication = false為true '只適合本機測試，否則很危險
推薦加上下面的代碼
if Session("admin") <> true then
    CheckAuthentication = false
else
    CheckAuthentication = true
end if
（2）檔設置上傳的保存目錄，記得為這個目錄開寫許可權
baseUrl = "/upload/" 

其他設置:
1.ckfinder上傳圖片預設檔案名為上傳本地的檔案名，若有重名會提示是否覆蓋，不覆蓋的話會以形如a(1).jpg形式保存，下面的方法的作用是生成按上傳時間的檔案名命名:
修改ckfinder\core\connector\asp\CommandHandler/FileUpload.asp
在115行下加入以下代碼
  Dim sTime, sFile
  sTime=now()
  sFile=year(sTime)&month(sTime)&day(sTime)&hour(sTime)&minute(sTime)&second(sTime)
  sFileName = sFile & "." & sExtension

這樣就上傳後的圖片就以上傳時間命名
2.破解方法,請尊重版權.CKFinder.js浮水印修改
將<h4 class='message_content'>替換為<h4 style='display:none;' class='message_content'>，即隱藏h4