CKFinder(php版)的使用,以及与现有的CKEditor的集成
2011-02-27 15:54
387 查看
第一部分:先决条件
1,首先确认,已安装了apache和php,并整合了apache和php和tomcat。
2,在apache中创建虚拟目录
如在apache配置文件httpd.conf中加上一个虚拟目录
############################
#为文件资源存放 虚拟目录
Alias /assets "e:/assets"
<Directory "e:/assets">
Options Indexes FollowSymLinks MultiViews IncludesNoExec
AddOutputFilter Includes html
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()
}
最后编辑baseDir,这是文件实际存放在硬盘上的地址。
注:如果.setupCKEditor的第一个参数为null则默认,将集成页面上的所有CKEditor
现在你可以试试原来的CKEditor有什么变化了。
1,首先确认,已安装了apache和php,并整合了apache和php和tomcat。
2,在apache中创建虚拟目录
如在apache配置文件httpd.conf中加上一个虚拟目录
############################
#为文件资源存放 虚拟目录
Alias /assets "e:/assets"
<Directory "e:/assets">
Options Indexes FollowSymLinks MultiViews IncludesNoExec
AddOutputFilter Includes html
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/’[/code]
最后编辑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有什么变化了。
相关文章推荐
- CKFinder(php版)与现有的CKEditor的集成(问题补充)
- CKEditor/FCKEditor 使用-集成 CKFinder(上传文件、浏览文件)
- struts2下使用ckeditor集成ckfinder无法上传文件的解决方法
- 在 PHP 里 使用 CKEditor 和 CKFinder 插件上传图片.
- asp.net使用ckeditor与ckfinder的集成,有上传图片功能
- [置顶] ckeditor 与 ckfinder基于Struts2 集成实现在线编辑以及文件上传(JAVA版)
- CKEditor+CKFinder配置以及使用简介
- PHP中CKEditor和CKFinder使用心得
- 关于CKEditor与CKFinder配合使用以及一些注意点总结
- PHPWAMP的优点以及使用方式、PHPWAMP绿色环境和其他集成环境的区别
- CKEditor+CKFinder配置以及使用简介
- CKEditor+CKFinder+php使用心得
- 使用PHP制作 简易员工管理系统之三(管理员登陆界面以及数据库验证)
- [置顶] Appserv php_exif.dll 未加载的bug解决 以及Zend_Tool的使用
- CKEditor和CKFinder的使用说明
- PHP 不使用新变量而交换现有两个变量的值
- file_put_contents以及file_get_contents的用法与在使用过程中遇到的问题(PHP学习)
- 毕业设计 之 二 PHP集成环境(Dreamweaver)使用
- PHP中配置Ckeditor+Ckfinder 完成图片上传
- 1.文本编辑器-->CKEditor+CKFinder使用与配置