博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CKEditor + CKFinder 实现编辑上传图片配置
阅读量:4955 次
发布时间:2019-06-12

本文共 3463 字,大约阅读时间需要 11 分钟。

下载最新版 ckfinder 本人下载的php版本

https://cksource.com/ckfinder/download

下载最新版ckeditor

http://ckeditor.com/

把它们解压放到指定的目录

html 文件主页内容

需要修改的配置文件

修改ckeditor 的配置文件
Public\Ckeditor\ckeditor\config.js
/**

  • @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  • For licensing, see LICENSE.md or http://ckeditor.com/license
    */

CKEDITOR.editorConfig = function( config ) {

// Define changes to default configuration here. For example:
//设置为中文
config.language = 'zh-cn';
//背景颜色
config.uiColor = '#14B8C4';
// 设置宽高
config.height = 600;

//去掉图片预览英文config.image_previewText = ' ';config.filebrowserBrowseUrl = '/Public/Ckeditor/ckfinder/ckfinder.html?Type=Files';config.filebrowserImageBrowseUrl = '/Public/Ckeditor/ckfinder/ckfinder.html?Type=Images';config.filebrowserFlashBrowseUrl = '/Public/Ckeditor/ckfinder/ckfinder.html?Type=Flash';config.filebrowserUploadUrl = '/Public/Ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';config.filebrowserImageUploadUrl = '/Public/Ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';config.filebrowserFlashUploadUrl = '/Public/Ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';

};

需要其他的自己定义

修改ckfinder 的配置文件

Public\Ckeditor\ckfinder\config.php

ini_set('display_errors', 0); 改为 ini_set('display_errors', 1); 有错误信息方便调试

$config['authentication'] = function () {

return false;

};

改为
session_start();

$config['authentication'] = function () {

if(isset($_SESSION['username'])){
return true;
}else{
return false;
}
};
允许上传 并增加安全验证 可以根据自己的需要修改

$config['backends'][] = array(

'name' => 'default',
'adapter' => 'local',
'baseUrl' => '/ckfinder/userfiles/',
// 'root' => '', // Can be used to explicitly set the CKFinder user files directory.
'chmodFiles' => 0777,
'chmodFolders' => 0755,
'filesystemEncoding' => 'UTF-8',
);
改为
$baseUrl 具体的自己定义
$baseDir
$config['backends'][] = array(
'name' => 'default',
'adapter' => 'local',
'baseUrl' => $baseUrl, //新的上传文件访问路径
'root' => $baseDir, // 新修改的文件上传根目录
'chmodFiles' => 0777,
'chmodFolders' => 0755,
'filesystemEncoding' => 'UTF-8',
);

$config['resourceTypes'][] = array(

'name' => 'Images',
'directory' => 'images',
'maxSize' => 0,
'allowedExtensions' => 'bmp,gif,jpeg,jpg,png',
'deniedExtensions' => '',
'backend' => 'default'
);
改为

$config['resourceTypes'][] = array(

'name' => 'Files', // Single quotes not allowed.
'directory' => 'img/ckeditor/files', //修改上传的具体路径
'maxSize' => 0,
'allowedExtensions' => '7z,aiff,asf,avi,bmp,csv,doc,docx,fla,flv,gif,gz,gzip,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,ods,odt,pdf,png,ppt,pptx,pxd,qt,ram,rar,rm,rmi,rmvb,rtf,sdc,sitd,swf,sxc,sxw,tar,tgz,tif,tiff,txt,vsd,wav,wma,wmv,xls,xlsx,zip',
'deniedExtensions' => '',
'backend' => 'default'
);
其他的像上传flash 都做同样的修改

最后修改上传文件名称,防止中文乱码

\Ckeditor\ckfinder\core\connector\php\vendor\cksource\ckfinder\src\CKSource\CKFinder\Utils.php

public static function replaceDisallowedExtensions($fileName, ResourceType $resourceType)

{
$pieces = explode('.', $fileName);

$basename = array_shift($pieces);    $lastExtension = array_pop($pieces);    foreach ($pieces as $ext) {        $basename .= $resourceType->isAllowedExtension($ext) ? '.' : '_';        $basename .= $ext;    }    /**     * 重新定义命名规则  自己定义     */    $sFileName=date('YmdHis').mt_rand(1000,9999);      // Add the last extension to the final name.    return $sFileName . '.' . $lastExtension;}

转载于:https://www.cnblogs.com/liu201312/p/5736085.html

你可能感兴趣的文章
利用UIImagePickerController或者利用UIKit的 UIGraphicsBeginImageContext保存图片
查看>>
Loadrunner|录制脚本时出现乱码的解决方式
查看>>
Python 装饰器
查看>>
对象(一)--对象的继承
查看>>
mysql操作之二
查看>>
RSA私钥加密
查看>>
Android Service 详解五:前台运行与生命期
查看>>
Loj #6261. 一个人的高三楼
查看>>
js验证身份证号,超准确
查看>>
EasyUI分页(前台分页和后台分页)
查看>>
LaLeX数学公式
查看>>
命令行运行python程序
查看>>
通过其他页面跳转到tableBar指示的界面
查看>>
svn 命令行
查看>>
服务器相关 HTTP 请求错误
查看>>
学习如何看懂SQL Server执行计划(一)——数据查询篇 (转)
查看>>
http/2 多路复用技术
查看>>
LeetCode 2 Keys Keyboard
查看>>
feof:检测文件结束符函数
查看>>
sed命令详解
查看>>