快速打造一個在線編輯器

聽說Fckeditor 很久了,一直沒來的及去看,今天好容易抽空出來研究了一下這個東西,呵呵還真的感覺不錯,下面給大家介紹一下怎樣將這個編輯器和php一起結合起來,呵呵

1. 到這個網站http://sourceforge.net/projects/fckeditor/( sourceforge.net 一個非常不錯的開源網站，嘮叨一下,呵呵) 下在Fckeditor 的最新版.

2.解壓縮到你的web 站點的根目錄下面  建立一個保存上傳文件的目錄 /Upload 目錄結構:

         /Fckeditor

        /Upload

3.ok 了,準備工作完成,下面來配置一下我們的Fckeditor.   首先進入/Fckeditor 目錄,打開fckconfig.js  修改裏面的

var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php

修改爲

var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php

修改完畢,ok 保存

4.進入 FCKeditor/editor/filemanager/browser/default/connectors/php/

編輯config.php 修改

$Config['Enabled'] = false ;

$Config['UserFilesPath'] = '/UserFiles/' ;

爲

$Config['Enabled'] = true ;

$Config['UserFilesPath'] = '/Upload/' ;

保存.然後打開同一目錄下的connector.php  修改

$GLOBALS["UserFilesPath"] = '' ;

爲$GLOBALS["UserFilesPath"] = '/Upload;

ok 配置完畢

5.下來我們回到根目錄下面 建立一個 test.php 的文件 輸入如下代碼

 

<?
error_reporting(E_ALL);
if($_GET["action"]=="add"){    
       $Content=$_POST['EditorDefault'];
echo $Content;
exit;
}

?>
<form method=post action="<?=$_SERVER['PHP_SELF']?>?action=add">
<?
include("./FCKeditor/fckeditor.php") ;
try{

$oFCKeditor = new FCKeditor('FCKeditor1');
$oFCKeditor->BasePath = '/FCKeditor/' ;   
$oFCKeditor->ToolbarSet = 'Default' ;
$oFCKeditor->InstanceName = 'EditorDefault' ;
$oFCKeditor->Width = '100%' ;
$oFCKeditor->Height = '400' ;
$oFCKeditor->Create() ;

}
catch(Exception $e)
{
    die($e->getMessage());
}
?>
<INPUT TYPE="submit">
</form>

 

6.然後在瀏覽器中輸入http://localhost/test.php