整合ckeditor编辑器

最新推荐文章于 2021-02-28 13:26:09 发布

原创最新推荐文章于 2021-02-28 13:26:09 发布 · 413 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文详细介绍了如何将CKFinder文件管理器与CKEditor富文本编辑器集成，包括配置资源类型、上传文件规则和使用文件浏览器接口。通过示例代码展示了如何实现文件上传、重命名和浏览操作。

下载

http://ckeditor.com/download

http://cksource.com/ckfinder/download

\ckeditor\ckfinder\config.php

$t = date('Ym',time());
$config['ResourceType'][] = Array(
		'name' => 'Images',
		'url' => $baseUrl . $t,
		'directory' => $baseDir . $t,
		'maxSize' => 0,
		'allowedExtensions' => 'bmp,gif,jpeg,jpg,png',
		'deniedExtensions' => '');

\ckeditor\ckfinder\core\connector\php\php5\CommandHandler

if ($sFileName != $sUnsafeFileName) {	
          $iErrorNumber = CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID_NAME_RENAMED;
        }

下增加：

$sExtension=CKFinder_Connector_Utils_FileSystem::getExtension($sFileName);
		$sFileName=date("Ymd").'_'.date("His").".".$sExtension;

<textarea name="editor1" rows="8" cols="60"></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">   
CKEDITOR.replace(  'editor1',{
filebrowserImageBrowseUrl :  '/ckeditor/ckfinder/ckfinder.html?Type=Images',
filebrowserImageUploadUrl  :  '/ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images'
});
</script>