困难中寻找快乐的信念
在线编辑器FCKeditor在PHP中的使用方法
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程序：
<?php
if($_POST["ADD"]){
$Content=$_POST['EditorDefault'];
echo $Content;
//变量$Content就是我们在FCKeditord里面编辑的内容，这里可以将其保存到数据库里面
}
?>;
<html>;
<head>;
<?php
//引入在线编辑器
include("../FCKeditor/fckeditor.php") ;
?>;
</head>;
<body>;
<br>;
<form action="<?php echo $_SERVER['PHP_SELF']; ?>;" method="post" language="javascrīpt">;
<?php
$oFCKeditor = new FCKeditor ;
// FCKeditor所在目录,这个路径一定要和上面那个引入路径一致，否则会报错:找不到fckeditor.html页面
$oFCKeditor->;BasePath = '../FCKeditor/' ;
// 将FCKeditor实例化
$oFCKeditor->;CreateFCKeditor( 'EditorDefault', '100%', 300 ) ;
?>;
<INPUT type="submit" name="ADD" value="提交">;
</form>;
</body>;
</html>;
从上面的例子中我们可以看到要使用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时的截图。
首先我们先到http://sourceforge.net/projects/fckeditor/ 下载FCKeditor_1.6.zip，并将其解压缩到你的网站子目录里面，并将文件夹名改为FCKeditor。进入到FCKeditor/目录下，打开_test/目录，里面含有各种编程语言调用FCKeditor的方法，其中与PHP有关的文件有2个文件：
test.php //提交数据页面
testsubmit.php //显示数据页面
大家可以看一下，了解FCKeditord的调用方法，下面是我简写了一个test程序：
<?php
if($_POST["ADD"]){
$Content=$_POST['EditorDefault'];
echo $Content;
//变量$Content就是我们在FCKeditord里面编辑的内容，这里可以将其保存到数据库里面
}
?>;
<html>;
<head>;
<?php
//引入在线编辑器
include("../FCKeditor/fckeditor.php") ;
?>;
</head>;
<body>;
<br>;
<form action="<?php echo $_SERVER['PHP_SELF']; ?>;" method="post" language="javascrīpt">;
<?php
$oFCKeditor = new FCKeditor ;
// FCKeditor所在目录,这个路径一定要和上面那个引入路径一致，否则会报错:找不到fckeditor.html页面
$oFCKeditor->;BasePath = '../FCKeditor/' ;
// 将FCKeditor实例化
$oFCKeditor->;CreateFCKeditor( 'EditorDefault', '100%', 300 ) ;
?>;
<INPUT type="submit" name="ADD" value="提交">;
</form>;
</body>;
</html>;
从上面的例子中我们可以看到要使用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时的截图。
 | |
| |
 | |
| |
相关阅读:
- PHP实现翻页跳转功能 (hello000, 2008-3-19)
- 清空目录的小函数 (yangjiguang, 2008-3-19)
- [好文]用 PHP V5 开发多任务应用程序 (phperwuhan, 2008-3-20)
- [好文]PHPer为什么被认为是草根？ (phperwuhan, 2008-3-20)
- PHP程序员最易犯10种错误 (ceallan, 2008-3-20)
- PHP中的class类学习1——class (sqrt2, 2008-3-21)
- 缺德的php cookie 规范 (yangjiguang, 2008-3-21)
- 新手 (shj339, 2008-3-22)
- php (yuguojun, 2008-3-22)
-
引用 删除 Guest / 2008-05-25 22:48:49
-
http://www.meinv880.cn 我的美女大小姐
http://column.iresearch.cn/u/fdytxz/ 小冯的专栏
http://www.xingchenbian33.cn 坏蛋是怎样炼成的
http://blog.csdn.net/fdy1txz/ 小说社区
http://www.jipinjiading36.cn 极品家丁
http://column.iresearch.cn/u/fdy2txz/ 心情驿站
http://blog.csdn.net/fdy2txz/ 流动的小说站
http://www.5pr5.cn 极品公子
http://blog.sina.com.cn/fdy1txz 我的美女大小姐
http://blog.sina.com.cn/fdy2txz 极品家丁
http://blog.sina.com.cn/fdy3txz 坏蛋是怎样炼成的
http://blog.sina.com.cn/fdy4txz 极品公子
产生链接如下：百度收藏
http://cang.baidu.com/fdy1txz 收藏 我的美女大小姐
http://cang.baidu.com/fdy2txz 收藏 极品家丁
http://cang.baidu.com/fdy3txz 收藏 坏蛋是怎样炼成的
http://cang.baidu.com/fdy4txz 收藏 极品公子
