ckeditor & ckfinder 結合

一、下載檔案

可下載最新檔案

http://ckeditor.com/download

http://cksource.com/ckfinder/download

二、設定

1. 將ckeditor & ckfinder 置於apache目錄下的ck資料夾

2. 開啟ckeditor / config.js

自訂工具列

['Source','-','Templates','-','Cut','Copy','Paste'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/', ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Format','FontSize','-','TextColor','BGColor'] 

//開啟上傳照片

config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files'; //可上傳一般檔
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';//可上傳圖檔
config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';//可上傳Flash檔案

3. 開啟ckfinder / config.php

將return false改成return true

4. 設定上傳資料夾ckfinder / config.php

//$baseUrl = '/ckfinder/userfiles/';
$baseUrl = '/ck/upload/';

三、增加index.php檔案

<div style="width:800px;">
	<textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>
	<input type="submit" value="submit" />
</div>
<?php
include_once "ckeditor/ckeditor.php";
$CKEditor = new CKEditor();
$CKEditor->basePath = 'ckeditor/';
$CKEditor->replace("editor1");
?>

[瀏覽伺服器]就可以顯示圖片管理了。

四、檔案為中文檔名

如檔名為中文，須修改ckfinder\core\connector\php\php5\CommandHandler\FileUpload.php，不然於瀏覽照片會顯示X

大約在62行

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

下面加入

$sExtension=CKFinder_Connector_Utils_FileSystem::getExtension($sFileName);
$sFileName=strtolower(date("Ymd_His") . "." . $sExtension);

以時間來命名。

五、在ckeditor找不到ckeditor.php?
下載版本為4以下的版本

參考資料

http://www.minwt.com/php/2848.html  -->詳盡有圖文說明