您当前位置: 首页 » 前端 » 如何配置 CKEditor 使用 KCFinder?

如何配置 CKEditor 使用 KCFinder?

2011年08月08日 | 发表评论(3) 查看评论

要使 KCFinder 成为 CKEditor 的默认文件浏览器,很简单,你只需要编辑 CKEditor 主目录下的 config.js 文件如下:

CKEDITOR.editorConfig = function(config) {
   config.filebrowserBrowseUrl = '/kcfinder/browse.php?type=files';
   config.filebrowserImageBrowseUrl = '/kcfinder/browse.php?type=images';
   config.filebrowserFlashBrowseUrl = '/kcfinder/browse.php?type=flash';
   config.filebrowserUploadUrl = '/kcfinder/upload.php?type=files';
   config.filebrowserImageUploadUrl = '/kcfinder/upload.php?type=images';
   config.filebrowserFlashUploadUrl = '/kcfinder/upload.php?type=flash';
};

其中 /kcfinder/ 为你的 KCFinder 所在的路径,这里相对与站点根目录设置,你也可以使用 CKEditor API 来更改这些设置,详情请参见 CKEditor文档

如果 KCFinder 的路径需要相对与 CKEditor 设置,则配置文件写法如下(本例中 CKEditor 与 KCFinder 在相同目录下):

CKEDITOR.editorConfig = function(config) {
   config.filebrowserBrowseUrl = CKEDITOR.basePath+'../kcfinder/browse.php?type=files';
   config.filebrowserImageBrowseUrl = CKEDITOR.basePath+'../kcfinder/browse.php?type=images';
   config.filebrowserFlashBrowseUrl = CKEDITOR.basePath+'../kcfinder/browse.php?type=flash';
   config.filebrowserUploadUrl = CKEDITOR.basePath+'../kcfinder/upload.php?type=files';
   config.filebrowserImageUploadUrl = CKEDITOR.basePath+'../kcfinder/upload.php?type=images';
   config.filebrowserFlashUploadUrl = CKEDITOR.basePath+'../kcfinder/upload.php?type=flash';
};

当然,要使用 KCFinder ,还需要修改 KCFinder 的配置文件 config.php ,主要更改如下两个设置项:

    ...
    // 设置启用 KCFinder
    'disabled' => empty($_SESSION['upload_enabled']),
    ...
    // 更改你的上传路径
    'uploadURL' => "../../upload",

这里的上传路径与早期 FCKEditor 中自带的上传管理器不一样,是可以使用相对路径的,更多设置项请参见 KCFinder安装向导KCFinder集成指南之Session配置

分类:

前端

| 标签:

,

发表评论?

3 条评论。

  1. 变形金刚葫芦娃

    浏览文件(图片)时,提示 The “safe_mode” PHP ini setting is turned on! You cannot run KCFinder in safe mode. 我又不能更改服务器安全设置,怎么办呢?

  2. 这个是它的依赖项,浏览文件/图片时需要用到被安全模式屏蔽的文件/目录相关操作函数,这个没有办法去绕过它,话说PHP安全模式在最新版本中已经被抛弃了,实在是过时的设置。

  3. 能不能教教我怎么在joomla里面集成这两个啊!…我只会装ckeditor…kcfinder怎么都集成不到那个上面去!….折腾一天了!….可怜啊!….

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据