HTML在线编辑器FCKeditor全攻略[一]

项目需论文在线提交功能,选用HTML在线编辑器FCKeditor。它开源免费、功能强大,兼容多种浏览器,支持多语言,可与PHP集成。文中介绍其安装调试过程,包括阅读文档、下载解压源码包、测试安装,还提及与PHP结合及处理表单POST变量等内容。

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,依次阅读InstallationDeveloper'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() ;

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值