窗簾、壁紙、壁貼專業製作
款式獨特，網友一致好評		搬家公司防盜鋁門窗、落地窗、鋁門
專業施工，價優實在，依所需完整規劃

首頁  •  j2h 論壇 • 程式設計討論     • 

fckeditor2.4在php環境下的設定

房東：達人
發表時間：2007-05-20


在看過剛剛轉載過的一篇文章之後，我按照文中所提的方法進行了實測，發現最新版的fckeditor2.4與之前2.0的配置有較多不同，這裡我就將自己的一些經驗和大家分享一下，希望能夠對新手有些許幫助。
根據我所在官方網站（http://www.fckeditor.net/）所下載zip包來看，fckeditor2.4預設支援的語言是asp，所以對使用asp的朋友不必進行大的調整。而如果使用的是php，則需要對目錄架構和配置檔案進行一些更改。
首先是目錄的設定，選定你的根目錄，這裡我假設就是站點的根目錄 /
則在這個目錄下，先解壓下載的fckeditor的檔案夾，命名為fckeditor，然後再在根目錄下建立一個與/fckeditor平行的檔案夾/userfiles，注意"userfiles"這個檔案名時配置檔案所認可的檔案夾的名稱，所以不能隨意更改（若要更改就必須同時更改配置檔案中的相關參數）。
最後在根目錄下建立一個/admin目錄，這個目錄中存放你用來調用fckeditor得主程式。
這樣在主目錄下我們就有三個目錄︰
/fckeditor //編輯器存放目錄
/userfiles //檔案上傳目錄
/admin //用戶程式目錄

接下來要做的就是修改配置檔案:
/fckeditor/fckconfig.js,
/fckeditor/editor/filemanager/browser/default/connectors/php/config.php
/fckeditor/editor/filemanager/upload/php/config.php
首先看如何修改fckconfig.js︰
在檔案中找到一下兩行︰
var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php
將這兩行中的asp分別用php代替，如下︰
var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php
這樣，fckeditor在執行編輯器命令時，自動調用早已經包含在檔案夾中的php程式，而不是預設的asp程式。

接下來要修改/fckeditor/editor/filemanager/browser/default/connectors/php/config.php
在該檔案中找到這樣一行︰
$Config['Enabled'] = false ;
將其改為︰
$Config['Enabled'] = true ;


最後還要修改︰
/fckeditor/editor/filemanager/upload/php/config.php
同樣的要將此配置檔案的︰$Config['Enabled'] = false ;改為$Config['Enabled'] = true ;
這樣，php檔案中的檔案上傳功能才得以用php語言來解析。

至此，fckeditor基本配置完畢。為了進行測試，我引用一段代碼︰
在/admin檔案夾中建立以下檔案︰
test.php和testsubmit.php
test.php檔案內容如下︰
//引入線上編輯器
include("../FCKeditor/fckeditor.php");
?>


FCKeditor - Sample





FCKeditor - PHP - Sample


This sample displays a normal HTML form with an FCKeditor with full features
enabled.


// Automatically calculates the editor base path based on the _samples directory.
// This is usefull only for these samples. A real application should use something like this:
// $oFCKeditor->BasePath = '/fckeditor/' ; // '/fckeditor/' is the default value.
//建立fckeditor對象
$oFCKeditor = new FCKeditor('FCKeditor1');
$oFCKeditor->BasePath = '../fckeditor/';
$oFCKeditor->ToolbarSet = 'Default';
$oFCKeditor->InstanceName = 'EditorDefault' ;
$oFCKeditor->Width = '100%' ;
$oFCKeditor->Height = '400' ;
$oFCKeditor->Value = 'This is some sample text. You are using FCKeditor.' ;
$oFCKeditor->Create() ;
?>


  • 贊助網站       

    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊，房屋、店面熱門精選物件，廣利不動產 優質仲介，房屋租賃、買賣資訊透明，交易真安心！
    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務

    • 1 樓住戶：達人
    發表時間：2007-05-20

    FCKeditor是sourceforge.net上面的一個開源項目，主要是實現下線網頁編輯器的功能，官方網站為http://www.fckeditor.net ，在伺服器端支援ASP.Net、ASP、ClodFusion、PHP、Java等語言，並且支援IE 5+、Mozilla 、Netscape等主流瀏覽器。目前最新版本為2.0 Beta 2，但是目前2.0 Beta版還不支援PHP，所以這裡我選擇使用了1.6版本。

    首先我們先到http://sourceforge.net/projects/fckeditor/ 下載FCKeditor_1.6.zip，並將其解壓縮到你的網站次目錄裡面，並將檔案夾名改為FCKeditor。進入到FCKeditor/目錄下，打開_test/目錄，裡面含有各種編程語言調用FCKeditor的方法，其中與PHP有關的檔案有2個檔案︰
    test.php //提交數據頁面
    testsubmit.php //顯示數據頁面
    大家可以看一下，了解FCKeditord的調用方法，下面是我簡寫了一個test程式︰

    if($_POST["ADD"]){
    $Content=$_POST['EditorDefault'];
    echo $Content;
    //變量$Content就是我們在FCKeditord裡面編輯的內容，這裡可以將其儲存到數據庫裡面
    }
    ?>;
    ;
    ;
    //引入線上編輯器
    include("../FCKeditor/fckeditor.php") ;
    ?>;
    ;
    ;

    ;
    ;
    $oFCKeditor = new FCKeditor ;
    // FCKeditor所在目錄,這個路徑一定要和上面那個引入路徑一致，否則會報錯:找不到fckeditor.html頁面
    $oFCKeditor->;BasePath = '../FCKeditor/' ;
    // 將FCKeditor實例化
    $oFCKeditor->;CreateFCKeditor( 'EditorDefault', '100%', 300 ) ;
    ?>;
    ;
    ;
    ;
    ;
    從上面的例子中我們可以看到要使用FCKeditor，首先要執行
    include("../FCKeditor/fckeditor.php") ;語句來引用FCKeditor。然後執行
    $oFCKeditor = new FCKeditor ;
    $oFCKeditor->;BasePath = '../FCKeditor/' ;
    $oFCKeditor->;CreateFCKeditor( 'EditorDefault', '100%', 300 ) ;
    來實例化FCKeditor，如果是編輯頁面則再加入一行︰
    //$Content可以是從數據庫中讀取出來的數據
    $oFCKeditor->;Value = $Content ;

    預設情況下，上傳圖片功能僅對應於ASP模式，要想實現下PHP下上傳檔案，還得對FCKeditor的配置檔案進行修改。打開/ FCKeditor/js/fck_config.js（這是FCKeditor的主配置檔案），定位到檔案的最下面那段被//註釋掉的內容，將
    //##
    //## Image Browsing
    //##
    config.ImageBrowser = true ;
    // Custom Page URL
    config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_html/browse.html" ;
    //config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_php/browse.php" ;
    //config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_jsp/browse.jsp?type=img" ;
    //config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_asp/browse.asp" ;

    //##
    //## Image Upload
    //##
    config.ImageUpload = true ;
    // Page that effectivelly upload the image.
    config.ImageUploadURL = config.BasePath + "filemanager/upload/asp/upload.asp" ;
    //config.ImageUploadURL = config.BasePath + "filemanager/upload/aspx/upload.aspx" ;
    //config.ImageUploadURL = config.BasePath + "filemanager/upload/cfm/upload.cfm" ;
    //config.ImageUploadURL = config.BasePath + "filemanager/upload/php/upload.php" ;
    //config.ImageUploadURL = config.BasePath + "filemanager/upload/jsp/upload.jsp" ;
    改為
    //##
    //## Image Browsing
    //##

    config.ImageBrowser = true ;
    // Custom Page URL config.
    ImageBrowserURL = "filemanager/browse/sample_html/browse.html" ;
    config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_php/browse.php" ;

    //##
    //## Image Upload
    //##
    config.ImageUpload = true ;
    // Page that effectivelly upload the image.
    config.ImageUploadURL = config.BasePath + "filemanager/upload/php/upload.php" ;

    最後再修改2個檔案︰
    /FCKeditor/filemanager/upload/php/upload.php
    第22行
    $UPLOAD_BASE_URL = '/userimages/';
    /FCKeditor/filemanager/browse/sample_php/browse.php
    第20行
    $IMAGES_BASE_URL = '/FCKeditor/userimages/';
    這兩處定義了圖片上傳到哪個目錄，可以自行定義，不過一定要確保該目錄存在，不然上傳圖片時會報錯。
    然後我們把FCKeditor目錄下的用不到的.asp、.jsp、. cfm檔案和_test、_ aspnet、_developers、_docs、_jsp目錄都刪掉以節省空間。好啦，FCKeditor的基本使用方法就講到這裡，大家感興趣的話可以到我的網站來看看效果︰http://www.shaof.com 。

    補充︰
    在FCKeditor官方的網站注明FCKeditor目前支援3種瀏覽器︰IE5+,Mozilla and Netscape。但在實驗中發現使用IE5.0是不支援圖片上傳功能，只有將IE升級到5.5或者6.0才能支援圖片上傳功能。而對於剛出的Mozilla Firefox 1.0 RC1以及Mozilla1.6（Linux環境）,則完全無法使用FCKeditor。
    以下是使用IE5.0和IE6.0時的截圖。



    2 樓住戶：小橋
    發表時間：2007-05-22

    原文連結 : http://wiki.fckeditor.net/Developer%27s_Guide/Installation


    安裝 FCKeditor 是相當容易的一件事. 只要照著下面幾個簡單的步驟:



    1. 從下面的網址下載最新版的編輯器:http://sourceforge.net/project/showfiles.php?group_id=75348

    2. 再你的網站根目錄下建立一個名為FCKeditor的資料,並將壓縮檔的內容解壓縮到該資料夾中.

    3. 編輯器這時已經可以使用了.用瀏覽器開啟下面網址就可以立即看到了:http:///FCKeditor/_samples/default.html




    你可以將檔案放置在任何資料夾中. "FCKeditor" 只是預設的. 如果你比較喜歡用其他的名稱, 只要修改程式中編輯器的base path(請看一下 "_samples" 的資料夾). 例如:


     


     


    oFCKeditor.BasePath = '/whatyouwant/FCKeditor/' ;

    要讓編輯器可以執行並不是一定需要所有的檔案,你可以移除下面的資料夾及檔案以減少發布時的檔案數量及大小:



    • 所有以底線開頭的資料夾(如_docs跟_sample)包含 "editor/_source" 這個資料夾.

    • "editor/skins"資料夾中,你沒有使用到的面板(skin).

    • "editor/images/smiley"資料夾中,你沒有用到的圖示(smiley).

    • "editor/plugins"資料夾中,你不需要的外掛(plugins).

    • "editor/filemanager/browser/default/connectors"資料夾中,你不需要的連接器(connectors).

    • 編輯器根目錄下 "fckeditor.ext" 的檔案(即以fckeditor.*為檔名的檔案,依主機所使用的程式語言而定).


    最少,FCKeditor資料夾中應該包含下面四個檔案:


     








    fckeditor.php (或其他的副檔名), fckstyles.xml, fcktemplates.xml and fckconfig.js

    請勿移除"fckconfig.js"這個檔案,不然編輯器將無法顯示,而且會顯示"FCKConfig.CustomConfigurationsPath.length is null or not an object" 這個錯誤訊息.


     



    使用編輯器


     


    在壓縮檔中有一個測試用的範例頁,任何此編輯器有支援的程式語言都可以使用. 詳細請見 "_samples" 這個資料夾.



     




    　共 2 人回應　　選擇頁數 【第1 頁】 

    姓名：
    佈告內容：
    其他選項: