PHP中Ckeditor+Ckfinder配置圖片上傳功能_PHP教程

從標題來看我們知道Ckeditor不支援圖片上傳功能，它是需要一個組件Ckfinder才可以支援上傳圖片，本文章就來詳細的介紹了如何配置Ckeditor+Ckfinder實現圖片上傳的功能。

第一：安裝配置CKEditor

在擴充CKfinder實現圖片上傳之前，我們先把最基本的CKeditor編輯器安裝一下。

1． 將下載的ckeditor_3.4.2.zip解壓，複製目錄下的ckeditor檔案夾至所需目錄，如/admin/。

第一：安裝配置CKEditor ，可改/admin/ckeditor/ckeditor.js來配置編輯器，如字型、背景色、語言

、介面高寬、編輯器按鈕分布等

代碼如下	複製代碼
config.language = 'en'; config.skin = 'v2'; config.uiColor = '#AADC6E'; config.toolbar = 'Basic';

….
2、官方的demo大多都喜歡用js配置editor地區，習慣寫php的我就嫌麻煩，只好看內建的php類。

代碼如下	複製代碼
require_once ROOTPATH . "ckeditor/ckeditor.php"; $CKEditor = new CKEditor(); $CKEditor->returnOutput = true; //設定輸出可用變數的情況 $CKEditor->basePath = '/ckeditor/';//設定路徑 $contentarea = $CKEditor->editor("content", $rs['contents']); //產生一個以name為content的 textarea echo $contentarea;

頁面引用CKeditor，關鍵代碼如下

代碼如下	複製代碼

第二步，我們來配置安裝CKfinder

CKfinder是官方組件，下載地址如下：http://ckfinder.com/download （注意：與ckeditor不是同一

網站）。

1． 將下載的ckfinder_php_2.0.1.zip 解壓，複製目錄下的ckfinder檔案夾至編輯器目

錄，/admin/ckeditor。

2、需要上傳了 ，只好加入ckfinder。把ckfinder和ckeditor放在同級目錄下。
開啟/ckfinder/config.php, 首先設定第一個函數CheckAuthentication()，這個函數需要按照自己的

規則寫，只要return true的情況才能允許上傳檔案到伺服器的，當然不建議直接寫return true，這

將導致安全問題。可以採用session來處理比較方便。
我們可以簡單的把子

config.php這樣修改

代碼如下	複製代碼
function CheckAuthentication() { return false;//改為return false }

或者更安全的做法利用session 關於session用法 [用力點擊]

代碼如下	複製代碼
session_start(); function CheckAuthentication(){ if(isset($_SESSION['UseEidtor'])) return true; else return false; }

找到”$baseUrl”，這個變數定義了ckfinder檔案上傳的目錄，將值設為”$baseurl=’../data /’，

檔案上傳後程式他會在此目錄下自動建立相應的檔案夾如image、flash等。

第三：整合，實現圖片上傳功能

1． 在編輯器頁面頭部引用ckfinder.js檔案，代碼如下：

代碼如下	複製代碼

下介紹兩調用方法一種php

最後就是使用ckfinder

代碼如下	複製代碼
require_once ROOTPATH . "ckeditor/ckeditor.php"; require_once ROOTPATH . 'ckfinder/ckfinder.php' ; $CKEditor = new CKEditor(); $CKEditor->returnOutput = true; $CKEditor->basePath = '/ckeditor/'; CKFinder::SetupCKEditor($CKEditor, '/ckfinder/') ;//注意這裡是相對路徑，相對於根目錄， 不能用絕對路徑 $contentarea = $CKEditor->editor("content", $rs['contents']);

另一種js或html頁面的修改

代碼如下	複製代碼

這樣就大功告成了，有想知道Ckeditor Ckfinder配置圖片上傳功能支援javascript html和php調用的朋友可以參考一下本教程

本站原創教程轉載註明來源:http://www.bKjia.c0m/phper/php.html

http://www.bkjia.com/PHPjc/631638.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/631638.htmlTechArticle從標題來看我們知道Ckeditor不支援圖片上傳功能，它是需要一個組件Ckfinder才可以支援上傳圖片，本文章就來詳細的介紹了如何配置Ckeditor+...

