HTML在线编辑器FCKeditor全攻略
Haohappy@msn.com
2005-08-30
最近一个项目有个功能是论文在线提交,需要用到HTML在线编辑器。很显然,这是一个复杂的功能,我首先想到去下载一个现成而且成熟的代码来,可以直接使用最好,不能也可以自己模仿再改进J
通过搜索,决定选择FCKeditor。其官方主页为:http://www.fckeditor.net/
FCKeditor符合我的要求:
1. 开源,免费,功能强大,易于使用,也可很方便地改写源代码;
2. 兼容多种浏览器,如IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ and Nescape 7+;
3. 多语言支持,因为要开发的网站是国际会议网站,需要面对多国的访问者,这点也非常重要;
4. 可与PHP集成。
下面是安装调试的整个过程及个人的一些体会:
1. 阅读使用文档。FCKeditor的文档放在http://wiki.fckeditor.net,依次阅读Installation和Developer's Guide/Integration/PHP,看看如何安装并和PHP集成。
2. 下载源码包(选择最新版本2.0),解压并上传到服务器的合适路径下,解压缩。
3. 访问http://yourhost/FCKediter/_samples/default.html 测试一下是否安装成功。若成功会看到FCKeditor的运行画面,有多个Sample可供选择,测试。 我只选择了PHP部分的Sample,特别注意,里面有一个Multi-language support的例子,哈,这正是我所需要的!
4. 接下来看看如何与PHP相结合:
happytest.php
<?php
include(
"FCKeditor/fckeditor.php"
) ;
?>
<html>
<head>
<title>FCKeditor - Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<form action="savedata.php" method="post">
<?php
$oFCKeditor
= new
FCKeditor
(
'FCKeditor1'
) ;
$oFCKeditor
->
BasePath
=
'/FCKeditor/'
;
$oFCKeditor
->
Value
=
'Default test in editor'
;
$oFCKeditor
->
Create
() ;
?>
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
运行结果如下图:
我们如何处理FCKeditor的表单POST的变量呢?
在happytest.php中,建立了一个名为FCKeditor1
的实例,则将生成一个
$_POST[‘FCKeditor1’]
变量,
我们只需在savedata.php中读取出变量值即可。
savedata.php
<?
$sValue
=
stripslashes
(
$_POST
[
'FCKeditor1'
] ) ;
echo
$sValue
;
?>
将输出编辑器中的文字。
以上我们得到的是表单中没有套用格式的文字,如果我们想得到最终生成的
HTML
代码,则需要将
$oFCKeditor
->
Create
() ;
改成
$oFCKeditor
->
CreateHTML
() ;