CKEditor/FCKEditor 使用-集成 CKFinder

作者:vkvi 来源:ITPOW(原创) 日期:2009-12-4

CKFinder 也是 CK 系列的产品之一,它有两个功能:上传文件、浏览文件。一般来说,它是集成在 CKEditor 或 FCKEditor 中,以便在编辑器中插入超链接或图像时可以直接上传,也可通过浏览直接插入编辑器中。并且 CKFinder 提供了权限接口,以避免没有权限的人去上传文件。CKFinder 是收费的;如果不购买 license,那么就是处于演示模式下使用,禁止用于商业用途。

CKEditor/FCKEditor 集成 CKFinder

CKFinder 使用效果

CKFinder 提供 ASP、ASP.NET、ColdFusion、PHP 四种环境的程序。

CKFinder 官方网站:http://ckfinder.com/

CKFinder 官方文档:http://docs.cksource.com/CKFinder

安装 CKFinder(以 ASP 为例)

  • http://ckfinder.com/ 下载 CKFinder 最新版本;
  • 将整个文件夹放到服务器上;
  • 如果需要缩略图功能,服务器必须支持:ASP.NET 1.1/2.0 或 AspJpet 或 ASPImage 2 或 ASPThumb;(对于 Windows 服务器,一般都支持 ASP.NET。那干嘛不直接用 ASP.NET 版本的,嘿嘿)
  • 创建一个文件夹(默认是 ckfinder 下的 userfiles)用于 CKFinder 上传文件,并且设置好 NFTS 权限;
  • 打开 config.asp,在 CheckAuthentication() 中配置认证代码(若要测试,您可直接把其返回值改为 true,使其始终有权限),配置 License(如果有的话)、baseUrl、baseDir。这些都有备注说明,比较好配。

集成到 CKEditor/FCKEditor

假设服务器文件结构是:

  • /index.html
  • /ckeditor/
  • /ckfinder/

那么 /index.html 的代码是:

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/ckfinder/ckfinder.js"></script>
<script type="text/javascript">
<!--
var editor = CKEDITOR.replace("content");
CKFinder.SetupCKEditor(editor) ;
//-->
</script>

至此,编辑器集成了 CKFinder。注意:CKEditor 最好是从官方下载原版,不要用精简版。

当您要查看更多配置细节,除了上面说的 CKFinder 官方文档外,也可参照 /ckfinder/_samples/js/ 下的 ckeditor.html、fckeditor.html。

相关问题

因为安全原因,文件不可浏览. 请联系系统管理员并检查CKFinder配置文件.

config.asp 中 CheckAuthentication 函数返回了 false,测试情况下,您可直接把 CheckAuthentication 改为返回 true。

Unable to find an image manipulation component

没有操作图像的控件。

  • 若不使用缩略图功能:直接把 config.asp 中的 Thumbnails.Add "enabled", true 的第二个参数改为 false。
  • 若要使用缩略图功能:可安装 ASP.NET 1.1/2.0 或 AspJpet 或 ASPImage 2 或 ASPThumb。对于 ASP.NET:
    • 如果有错误,根据说明改 web.config 和 config.asp 中的 CKFinderTempPath 路径(注意以“\”结尾,并且在 web.config 中,要用“\\”代替“\”)
    • 如果还有错误,那么您就在浏览器中直接访问 http://.../ckfinder/core/connector/asp/loopback.aspx 看看能不能运行 ASP.NET,我遇到过一个错误就是 .NET 版本原因造成的,请参见 .NET Framework 4.0 无法运行 2.0 的 ASP.NET 程序解决。说明,若显示“403 - Forbidden”,说明 ASP.NET 已经运行起来了。
相关文章