HTML在线编辑器FCKeditor全攻略
Haohappy@msn.com
2005-08-30
最近一个项目有个功能是论文在线提交,需要用到HTML在线编辑器。很显然,这是一个复杂的功能,我首先想到去下载一个现成而且成熟的代码来,可以直接使用最好,不能也可以自己模仿再改进J
通过搜索,决定选择FCKeditor。其官方主页为:http://www.fckeditor.net/
FCKeditor符合我的要求:
1. 开源,免费,功能强大,易于使用,也可很方便地改写源代码;
2. 兼容多种浏览器,如IE5.5+ (Windows), Firefox1.0+, Mozilla1.3+ and Nescape7+;
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>
运行结果如下图:
<shape id="_x0000_i1026" style="WIDTH: 468.75pt; HEIGHT: 181.5pt" type="#_x0000_t75"></shape><imagedata src="file:///C:/DOCUME~1/%E9%99%88%E6%B5%A9/LOCALS~1/Temp/msoclip1/01/clip_image003.gif" o:title="fck1"></imagedata>

我们如何处理FCKeditor的表单POST的变量呢?
在happytest.php中,建立了一个名为FCKeditor1的实例,则将生成一个$_POST[‘FCKeditor1’]变量,我们只需在savedata.php中读取出变量值即可。
savedata.php
<? $sValue = stripslashes( $_POST['FCKeditor1'] ) ; echo $sValue; ?>
将输出编辑器中的文字。
以上我们得到的是表单中没有套用格式的文字,如果我们想得到最终生成的HTML代码,则需要将
$oFCKeditor->Create() ;
改成
$oFCKeditor->CreateHTML() ;
项目需论文在线提交功能,选用HTML在线编辑器FCKeditor。它开源免费、功能强大,兼容多种浏览器,支持多语言,可与PHP集成。介绍了其安装调试过程,包括阅读文档、下载源码包、测试安装,还提及与PHP结合及处理表单POST变量等内容。
495

被折叠的 条评论
为什么被折叠?



