CKEditor和CKFinder 配置 MVC3

下面为详细的c#配置方法

CKEditor和CKFinder的最新版可以到官方网站（http://cksource.com）上下载获得。 
把以上两个资源放到网站的根目录： /CKEditor 和 /CKFinder (不区分大小写)
在页面使用 CKEditor：
        <textarea cols="80" id="prcontent" name="content" rows="50">hello world!</textarea>
        <script type="text/javascript">
            CKEDITOR.replace('content', { height: 200, width: 520 });
        </script>
CKEditor 本身不自带上传功能，所以需要配合CKFinder才可以实现上传
第一步：网站需要引用CKFinder的dll（目录：/CKFinder/bin/Release/CKFinder.dll）
第二步：配置CKEditor的config.js (目录：/CKEditor/config.js ) 在CKEDITOR.editorConfig函数里加上，不需要的功能可以去掉
    config.filebrowserBrowseUrl= '/ckfinder/ckfinder.html'; //上传文件时浏览服务文件夹
    config.filebrowserImageBrowseUrl= '/ckfinder/ckfinder.html?Type=Images'; //上传图片时浏览服务文件夹
    config.filebrowserFlashBrowseUrl= '/ckfinder/ckfinder.html?Type=Flash';  //上传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'; //上传Flash按钮(标签)
配置完成后CKEditor 就带有上传功能了，但假如上传图片时，图片的文件是用原来图片的名字，想改为随机文件名呢，怎么办？接着看第三步。
 
第三步：修改CKFinder的源码。CKFinder自带有源码，目录：/CKFinde/_source
在VS里新建一个 现在的项目 指向CKFinde/_source/CKFinder.Net.sln
1) 打开/Settings/ConfigFile.cs文件
定位27行，添加一个属性：public bool RandomReName; //随机重命名
定位67行，给刚才的属性赋值：RandomReName = true; //默认值为true
保存关闭文件
2) 打开/Connector/Config.cs文件
定位62行，添加一个属性：
        public bool RandomReName
        {
            get { return Settings.ConfigFile.Current.RandomReName; }
        }
保存关闭文件
3) 打开/Connector/CommandHandlers/FileUploadCommandHandler.cs文件
定位64行，添加一句判断代码：
                        if ( Config.Current.RandomReName)  //使用随机名
                            sFileName = DateTime.Now.ToString("yyyyMMddHHmmssfff") + sExtension;

保存关闭文件
4) 重新生成项目，把/ckfinder/_source/bin/Debug/CKFinder.dll覆盖/ckfinder/bin/Release/CKFinder.dll或者网站项目去掉之前加入的引用再重新从CKFinder.Net项目里的Dll
最后一步：打开/ckfinder/config.ascx
定位42行，添加一属性：（其实这个加不加都可以的，因为之前有设置默认值，但使用原名时一定要设置为false）
        //上传完毕后使用随机文件名
        RandomReName = true;

保存关闭
好了，到此已经配置成功了，CKEditor 可以有上传功能了。其它的功能的设置，有空再继续研究~
还要提醒一句：CKEditor 和 CKFinder 文件夹里有很多不需要的东西，例如名字带有下划线前辍的，.net项目不需要php,asp的。
如果上传文件出现错误：因为安全原因，文件不可浏览. 请联系系统管理员并检查CKFinder配置文件.
需要修改config.ascx文件中
public override bool CheckAuthentication()
{
reture false;
}
修改为:
public override bool CheckAuthentication()
{
// 窗体验证时用
 return Request.IsAuthenticated;
//reture true; 不推荐使用
}

 

好了，最后一步了，由于ckfinder不是免费的，所以默认情况下会在上传页面中有红色的广告提示，虽然不影响使用，但总是觉得
不爽。
去除方法如下：找到ckfinder/core/js/ckfinder_ie.js及ckfinder_gecko.js，将其中的 en.call(window,qo);去掉

 

按照说明文档的默认配置会出现上传路径不正确的情况，因为我们的网站可以通过定义默认网站、虚拟目录、以及放在网站的子目录下进行访问，这三种情况下所得到的server.MapPath是一致的，这就导致上传之后写入数据库的图片地址和实际图片存储地址不一致，因此，我们需要自定义一个路径地址userDir，让baseUrl只管写入数据库的图片地址，而创建的新目录baseDir为另外一个。。。。这样不管你的网站通过怎样的方式访问都是OK的，这个问题郁闷了很久才解决

asp的config.asp修改如下：

baseUrl = "http://www.cnblogs.com/Upload/"

baseDir = server.MapPath("~/Upload/");

 

至于 Unable to find an image manipulation component错误，原因很可能是生成缩略图的代码在.net framework4.0 版本上有点问题，除了要对ckfinder/userfiles文件夹赋予everyone完全控制权限

 

· 若不使用缩略图功能：直接把 config.asp 中的 Thumbnails.Add "enabled", true 的第二个参数改为 false。

· 若要使用缩略图功能：可安装 ASP.NET 1.1/2.0 或 AspJpet 或 ASPImage 2 或 ASPThumb。对于 ASP.NET：

o 如果有错误，根据说明改 web.config 和 config.asp 中的 CKFinderTempPath 路径（注意以“\”结尾，并且在 web.config 中，要用“\\”代替“\”）；

o 如果还有错误，那么您就在浏览器中直接访问 http://.../ckfinder/core/connector/asp/loopback.aspx 看看能不能运行 ASP.NET，我遇到过一个错误就是 .NET 版本原因造成的，请参见 .NET Framework 4.0 无法运行 2.0 的 ASP.NET 程序解决。说明，若显示“403 - Forbidden”，说明 ASP.NET 已经运行起来了。