CKFinder（php版）的使用

第一部分：先決條件

1，首先確認，已安裝了Apache和php，並整合了apache和php和tomcat。

2，在apache中建立虛擬目錄

如在apache配置文件httpd.conf中加上一個虛擬目錄

 

############################

#爲文件資源存放 虛擬目錄

Alias /assets "e:/assets"

<Directory "e:/assets">

    Options Indexes FollowSymLinks MultiViews IncludesNoExec

    AddOutputFilter Includes html

    AllowOverride None

    order allow,deny

    Allow from all

</Directory>

3，確認已經集成了CKEditor到項目中了。

 

 

第二部分：搭建單獨的CKFinder(php版)

1，在官網上下載php版的CKFinder，將ckfinder文件夾拷貝到任何apache能夠訪問到的虛擬目錄對應的硬盤路徑，是其包含的php文件能夠被訪問到。

2，建立一個資源文件夾用以存放咱們上傳的資源。（確保此文件夾是可寫的,此例咱們是e:/assets文件件，其虛擬路徑是/assets）

3，編輯ckfinder下的config.php配置文件

首先找到

function CheckAuthentication()

{
    return true;     //此處改成true,這是一個權限驗證的函數  
} 

而後編輯baseUrl，這是ckfinder掌管的資源的url地址,看下面的例子

$baseUrl = 'http://example.com/ckfinder/files/';   //絕對URL  $baseUrl = '/userfiles/';                                             //相對URL

本例，咱們配置成絕對URL ‘ http://localhost/assets/’

最後編輯baseDir,這是文件實際存放在硬盤上的地址。

$baseDir = 'e:/assets/';

最後說一下baseUrl和baseDir我建議分別寫成絕對URL和絕對路徑。

baseUrl會在查看圖片時使用到，它必須對應是服務器對外公佈的一個虛擬目錄，由於只有向web公佈了的纔是URL（資源訪問路徑），才能夠經過瀏覽器訪問到。

baseDir也要和這個URL地址保持一致。

經過http://localhost/assets/ckfinder/_samples/php/standalone.php 能夠來檢查ckfinder是否發佈成功

本例由於解壓獲得的ckfinder文件在assets內因此訪問路徑是這個。

第三部分：整合CKFinder和CKEditor（以js的形式）

拷貝ckfinder下的ckfinder.js到項目並引入到頁面。

頁面寫入如下js代碼替換原來的CKEditor生成代碼

$(window).load(  		function(){  			var editor = CKEDITOR.replace( 'editor' );     //editor就是要替換的元素  			CKFinder.setupCKEditor( editor, 'http://localhost/assets/ckfinder/'); 

//'http://localhost/assets/ckfinder/'就是解壓到assets虛擬目錄下的ckfinder文件的URL

}  );

注：若是.setupCKEditor的第一個參數爲null則默認，將集成頁面上的全部CKEditor

如今你能夠試試原來的CKEditor有什麼變化了。