准备工作
安装步骤
1.把ckeditor和ckfinder放到网站根目录
2.可以删除_samples _source文件夹,或者其他语言的网页 例如jsp php

正式开始:
第一步先引入CKEditor的JS文件和CKFinder的JS文件

<script type="text/javascript" src="../editor/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="../editor/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, '../editor/ckfinder/'); //ckfinder总目录的相对路径.
 }

</script>

 

第三步配置CKEditor下的config.js文件：

 config.filebrowserBrowseUrl = '/editor/ckfinder/ckfinder.html';
 config.filebrowserImageBrowseUrl = '/editor/ckfinder/ckfinder.html?Type=Images';
 config.filebrowserFlashBrowseUrl = '/editor/ckfinder/ckfinder.html?Type=Flash';
 config.filebrowserUploadUrl = '/editor/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files';
 config.filebrowserImageUploadUrl = '/editor/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images';
 config.filebrowserFlashUploadUrl = '/editor/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash';

此代码为启用上传图片的功能

 

第四步修改ckeditor/plugins/image/dialogs/image.js 文件：
// 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 = "/uploadfiles/"

 

其他设置：

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.破解方法（2.*版）：

CKFinder.js水印修改
(1)将<h4 class='message_content'>替换为<h4 style='display:none;' class='message_content'>，即隐藏h4；
(2)替换 “\x3c\144\x69\166\x20\143\154\141\x73\x73\x3d\x27\166\x69\x65\x77\040\x74\157\157\x6c\x5f\160\141\x6e\x65\154\047\x20\x73\164\x79\x6c\x65\x3d\x27\x64\151\x73\160\x6c\x61\171\072\040\x62\154\x6f\x63\153\x20\x21\x69\x6d\x70\157\162\164\x61\156\x74\x3b\040\x70\157\x73\151\x74\151\157\156\x3a\040\x73\x74\x61\x74\x69\143\x20\x21\x69\x6d\160\x6f\162\x74\141\156\x74\x3b\040\143\x6f\x6c\x6f\162\x3a\040\x62\154\141\x63\x6b\x20\x21\151\155\x70\x6f\x72\164\141\156\164\x3b\040\x62\141\x63\x6b\147\x72\157\165\x6e\x64\055\x63\157\x6c\157\x72\x3a\x20\x77\x68\x69\164\x65\040\041\151\155\160\x6f\162\x74\141\156\164\073\x27\x3e\x54\150\x69\163\040\x69\x73\x20\164\x68\145\040\x44\x45\115\117\040\166\x65\x72\163\151\157\x6e\x20\157\x66\040\x43\113\106\x69\156\x64\145\x72\056\x20\120\154\145\141\x73\145\x20\166\x69\163\x69\x74\x20\x74\150\145\x20\x3c\141\x20\150\x72\x65\x66\x3d\x27\150\164\x74\x70\x3a\057\x2f\x63\x6b\146\x69\156\144\145\x72\056\x63\157\x6d\x27\x20\x74\x61\x72\x67\145\x74\075\047\x5f\142\x6c\x61\x6e\153\047\x3e\x43\113\106\151\156\x64\145\162\x20\x77\145\x62\040\x73\x69\x74\145\x3c\x2f\x61\076\040\x74\x6f\040\157\142\x74\x61\x69\x6e\040\x61\x20\166\141\154\x69\144\x20\154\x69\143\x65\156\x73\x65\056\x3c\x2f\x64\x69\166\076”为“ ”或者“\x20”，千万不可替换成""，此方法的用意就是直接去掉整个版权说明的Div层，此处其实是八进制ASCII和十六进制ASCII的混搭，转换成字符其实就是DEMO说明的层

可选自定义格式
"toolbar": [["Source","-","Bold","Italic","Underline","Strike"],["Image","Link","Unlink","Anchor"]]
"skin": "v2"	风格office2003 v2  kama
"width": 600




