快速打造一个在线编辑器

听说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