网站内容管理系统上传图片(富文本编辑器官方推出ckfinder在线文件管理模块配合(图))
优采云 发布时间: 2022-03-05 03:04网站内容管理系统上传图片(富文本编辑器官方推出ckfinder在线文件管理模块配合(图))
Ckeditor kcfinder 集成配置:
Ckeditor ---- 一个强大的富文本编辑器
ckfinder在线文件管理模块正式上线,但是这个模块不是开源的,像ckeditor一样免费使用;
幸运的是,还有另一个文件管理器可以和它一起使用来实现你想要的,即:kcfinder。这是其他组织开发的远程文件管理模块。可以配合ckeditor上传文件,实现文章图文发布,远程管理文件资源。
在线下载ckeditor和kcfinder的php版本,放到你计划好的目录下,
配置ckeditor:
修改config.js,增加如下配置项:
_++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++
//在线浏览kcfinder文件的url
config.filebrowserBrowseUrl = '/admin/kcfinder/browse.php?type=files';
//在线浏览图片资源的kcfinder url
config.filebrowserImageBrowseUrl = '/admin/kcfinder/browse.php?type=images';
//kcfinder在线浏览flash文件的url
config.filebrowserFlashBrowseUrl = '/admin/kcfinder/browse.php?type=flash';
//ckeittor文件上传提交url
config.filebrowserUploadUrl = '/admin/kcfinder/upload.php?type=files';
//ckeittor上传图片url
config.filebrowserImageUploadUrl = '/admin/kcfinder/upload.php?type=images';
//ckeittor上传flash url
config.filebrowserFlashUploadUrl = '/admin/kcfinder/upload.php?type=flash';
++++++++++++++++++++++++++++++++++++++++++++++++++ + +++++++++++++
经过以上配置后,可以在ckeditor工具栏中的image工具和flash工具中看到更多从客户端上传本地文件到服务器的菜单项。
但是此时上传会有问题,需要配置kcfinder正确响应ckeditor的操作请求,并配置正确的上传文件保存路径:
修改kcfinder的配置文件config.php 有两处需要修改:
一个是添加权限限制,不是每个人都可以上传东西到你的服务器:
比如我的一个小应用-----文章发布系统的后台,我在config.php文件顶部添加了:
++++++++++++++++++++++++++++++++++++++++++++++++++ + ++++++++
session_start();
if(!empty($_SESSION['USERNAME'])&&!empty($_SESSION['PASSWORD'])){
$_SESSION['KCFINDER']['disabled'] = false;
}其他{
回声“”;
}
++++++++++++++++++++++++++++++++++++++++++++++++++ + +++++++++++
上面的代码主要是判断用户是否登录,如果登录了,让kcfinder的
$_SESSION['KCFINDER']['disabled'] = false;//就是开启kcfinder
否则,跳转到登录页面登录;
配置如下:(配置数组方式)
//不允许上传文件类型限制
'deniedExts' => "exe com msi bat php phps phtml php3 php4 cgi pl",
'maxImageWidth' => 0, //图片最大宽度
'maxImageHeight' => 0,//图片的最大高度
'thumbWidth' => 100,//缩略图的最大宽度
'thumbHeight' => 100, //缩略图的最大高度
'jpegQuality' => 90, //图像质量
//上传文件保存路径配置:
'uploadURL' => "../upload/",
以上是一些基本配置。之后kcfinder就可以以ckeditor模块的形式与ckeditor配合上传文件,实现文章图文发布,远程管理文件资源。
在需要使用ckeditor的页面上,收录ckeditor/ckeditor.php文件,然后参考如下代码,在页面相应位置输出编辑器:
* $CKEditor = new CKEditor();
* $CKEditor->returnOutput = true;
* $code = $CKEditor->editor("editor1", "
初始值。
");
* 回显 $code;
有问题,欢迎补砖。欢迎指正。 . .
CKEditor详细介绍:请点这里
CKEditor的下载地址:请点这里