CKFinder(php版)的使用

第一部分:先决条件php

1,首先确认,已安装了Apache和php,并整合了apache和php和tomcat。html

2,在apache中建立虚拟目录web

如在apache配置文件httpd.conf中加上一个虚拟目录apache

 

############################浏览器

#为文件资源存放 虚拟目录tomcat

Alias /assets "e:/assets"服务器

<Directory "e:/assets">ide

    Options Indexes FollowSymLinks MultiViews IncludesNoExec函数

    AddOutputFilter Includes htmlurl

    AllowOverride None

    order allow,deny

    Allow from all

</Directory>

3,确认已经集成了CKEditor到项目中了。

 

 

第二部分:搭建单独的CKFinder(php版)

1,在官网上下载php版的CKFinder,将ckfinder文件夹拷贝到任何apache能够访问到的虚拟目录对应的硬盘路径,是其包含的php文件能够被访问到。

2,建立一个资源文件夹用以存放咱们上传的资源。(确保此文件夹是可写的,此例咱们是e:/assets文件件,其虚拟路径是/assets)

3,编辑ckfinder下的config.php配置文件

首先找到

function CheckAuthentication()

{
    return true;     //此处改成true,这是一个权限验证的函数  
} 
而后编辑baseUrl,这是ckfinder掌管的资源的url地址,看下面的例子
$baseUrl = 'http://example.com/ckfinder/files/';   //绝对URL  $baseUrl = '/userfiles/';                                             //相对URL
本例,咱们配置成绝对URL ‘ http://localhost/assets/’

最后编辑baseDir,这是文件实际存放在硬盘上的地址。

$baseDir = 'e:/assets/';
最后说一下baseUrl和baseDir我建议分别写成绝对URL和绝对路径。
baseUrl会在查看图片时使用到,它必须对应是服务器对外公布的一个虚拟目录,由于只有向web公布了的才是URL(资源访问路径),才能够经过浏览器访问到。
baseDir也要和这个URL地址保持一致。
 
经过http://localhost/assets/ckfinder/_samples/php/standalone.php 能够来检查ckfinder是否发布成功
本例由于解压获得的ckfinder文件在assets内因此访问路径是这个。
第三部分:整合CKFinder和CKEditor(以js的形式)
拷贝ckfinder下的ckfinder.js到项目并引入到页面。
页面写入如下js代码替换原来的CKEditor生成代码
$(window).load(  		function(){  			var editor = CKEDITOR.replace( 'editor' );     //editor就是要替换的元素  			CKFinder.setupCKEditor( editor, 'http://localhost/assets/ckfinder/'); 
//'http://localhost/assets/ckfinder/'就是解压到assets虚拟目录下的ckfinder文件的URL
}  );

注:若是.setupCKEditor的第一个参数为null则默认,将集成页面上的全部CKEditor

如今你能够试试原来的CKEditor有什么变化了。

相关文章
相关标签/搜索