《FCKeditor使用方法技术详解.docVIP

FCKeditor使用方法技术详解 FCKeditor使用方法技术详解 1、概述 FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor（如百度，阿里巴巴）。本文将通过与PHP相结合，从基本安装到高级的配置循序渐进介绍给广大PHPer。 FCKeditor官方网站：/ FCKeditor Wiki：/ 2、下载FCKeditor 登录FCKeditor官方站（），点击网站右上角“Download”链接。 笔者编写本文时，FCKeditor当前最新的稳定版本是2.6.6，因此我们下载此版本的zip压缩格式文档。 FCKeditor 2.6.6版下载地址： /project/fckeditor/FCKeditor/2.6.6/FCKeditor_2.6.6.zip ? 3、安装FCKeditor 解压“FCKeditor_2.6.6.zip”文档到您的网站目录下，我们先假定您存放FCKeditor和调用脚本存于同一个目录下。fckeditor目录包含FCKeditor2.4.3程序文件。check.php用于处理表单数据。add_article.php和add_article_js.html分别是PHP调用FCKeditor和JavaScript调用FCKeditor实例脚本文件。 3.1、用PHP调用FCKeditor 调用FCKeditor必须先载入FCKeditor类文件。具体代码如下。 ?php include(fckeditor/fckeditor.php) ; // 用于载入FCKeditor类文件 ? 接下来，我们需要创建FCKeditor实例、指定FCKeditor存放路径和创建（显示）编辑器等。具体代码如下所示（代码一般放在表单内）。 ?php $oFCKeditor = new FCKeditor(FCKeditor1) ; // 创建FCKeditor实例 $oFCKeditor-BasePath = ./fckeditor/; // 设置FCKeditor目录地址 $FCKeditor-Width=100%; //设置显示宽度 $FCKeditor-Height=300px; //设置显示高度的高度 $oFCKeditor-Create() ; // 创建编辑器 ? 下面是笔者创建好的实例代码，您可将代码保存为add_article.php。 ?php include(fckeditor/fckeditor.php) ; // 用于载入FCKeditor类文件 ? html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title用PHP调用FCKeditor/title /head body form action=check.php method=post name=exapmle ?php $oFCKeditor = new FCKeditor(FCKeditor1) ; // 创建FCKeditor实例，可创建多个实例 $oFCKeditor-BasePath = ./fckeditor/; // 设置FCKeditor目录地址 $oFCKeditor-Create() ; // 创建编辑器 ? input name=ok type=submit value=提交 /form /body /html 通过浏览里打开http://you-address/add_article.php 查看FCKeditor安装效果。如图3所示。 ? 图3：FCKeditor安装成功 ? 注意：如果您想将FCKeditor创建为HTML结果代码，以便于在模板引擎里面调用（如Smarty）可使用如下代码。 $output = $oFCKeditor-CreateHtml() ; ? 现在，您可通过POST方式获得编辑器的变量值。本例将表单的action设置为check.php，您可在check.php里使用代码 $fckeditorValue = $_POST[FCKeditor1]; 获得编辑器的变量值了。 ? FCKeditor安装成功了。但是，我们还可以通过更多设置来使FCKeditor更加灵活人性化。具体方法文本后面介绍。 3.2、用JavaScript调