网站内容管理系统上传图片(富文本编辑器官方推出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的下载地址:请点这里

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线