防水、抓漏、壁癌處理、專業接案發案平台
大量外包工作,接案資訊透明,快來接案為自己加薪
系統家具專業鐵工團隊!獨特焊接技術,完善設計規劃施工
一條龍客製服務,高品質深獲好評

首頁  •  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 頁】 

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