ckfinder php 配置,PHP中Ckeditor Ckfinder配置图片上传功能

从标题来看我们知道Ckeditor不支持图片上传功能，它是需要一个组件Ckfinder才可以支持上传图片， 本文章就来详细的介绍了如何配置Ckeditor Ckfinder实现图片上传的功能。

第一：安装配置CKEditor

在扩展CKfinder实现图片上传之前，我们先把最基本的CKeditor编辑器安装一下。

1．  将下载的ckeditor_3.4.2.zip解压，复制目录下的ckeditor文件夹至所需目录，如/admin/。

第一：安装配置CKEditor ，可改/admin/ckeditor/ckeditor.js来配置编辑器，如字体、背景色、语言

、界面高宽、编辑器按钮分布等

代码如下

复制代码

config.language = 'en'; config.skin = 'v2'; config.uiColor = '#AADC6E'; config.toolbar = 'Basic'; …. 2、官方的demo大多都喜欢用js配置editor区域，习惯写textarea echo $contentarea; 页面引用CKeditor，关键代码如下  代码如下 复制代码 复制代码 session_start(); function CheckAuthentication(){ if(isset($_SESSION['UseEidtor'])) return true; else return  false; } 找到”$baseUrl”，这个变量定义了ckfinder文件上传的目录，将值设为”$baseurl=’../data /’， 文件上传后程序他会在此目录下自动建立相应的文件夹如image、flash等。 第三：整合，实现图片上传功能 1．  在编辑器页面头部引用ckfinder.js文件，代码如下：  代码如下 复制代码 下介绍两调用方法一种php 最后就是使用ckfinder  代码如下 复制代码 require_once ROOTPATH . "ckeditor/ckeditor.php"; require_once ROOTPATH . 'ckfinder/ckfinder.php' ; $CKEditor  = new  CKEditor(); $CKEditor->returnOutput = true; $CKEditor->basePath = '/ckeditor/'; CKFinder::SetupCKEditor($CKEditor, '/ckfinder/') ;//注意这里是相对路径，相对于根目录， 不能用绝对路径 $contentarea =  $CKEditor->editor("content", $rs['contents']); 另一种js或html页面的修改  代码如下 复制代码 CKEDITOR.replace( 'editor1', { filebrowserBrowseUrl : 'ckeditor/ckfinder/ckfinder.html', filebrowserImageBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Images', filebrowserFlashBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Flash', filebrowserUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php? command=QuickUpload&type=Files', filebrowserImageUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php? command=QuickUpload&type=Images', filebrowserFlashUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php? command=QuickUpload&type=Flash' }); 这样就大功告成了，有想知道Ckeditor Ckfinder配置图片上传功能支持javascript html和php调用的朋友可以参考一下本教程 本站原创教程转载注明来源:http://www.jquerycn.cn/phper/php.html