网页编辑器FCKeditor使用方法

内容:1、 概述FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor(如百度,阿里巴巴)。本文将通过与PHP相结合,从基本安装到高级的配置循序渐进介绍给广大PHPer。2、 下载FCKeditor登录FCKeditor官方站,点击网站右上角“Download”链接。编写本文时,FCKeditor当前最新的稳定版本是2.4.3,因此我们下载此版本的zip压缩格式文档。如图1所示:

网页编辑器FCKeditor使用方法

下载FCKeditor 2.4.3(最新稳定版)

注意:当点击“FCKeditor_”链接后,将跳转到网站上自动下载。如果您当前使用Linux或Unix系统,可以点击“FCKeditor_”链接下载格式的压缩包。

3、 安装FCKeditor解压“FCKeditor_”文档到您的网站目录下,我们先假定您存放FCKeditor和调用脚本存于同一个目录下。

fckeditor目录包含FCKeditor2.4.3程序文件。用于处理表单数据。add_和add_article_分别是PHP调用FCKeditor和JavaScript调用FCKeditor实例脚本文件。3.1、用PHP调用FCKeditor 调用FCKeditor必须先载入FCKeditor类文件。具体代码如下。

接下来,我们需要创建FCKeditor实例、指定FCKeditor存放路径和创建(显示)编辑器等。具体代码如下所示(代码一般放在表单内)。

BasePath = ./fckeditor/; // 设置FCKeditor目录地址$FCKeditor->Width=100%; //设置显示宽度$FCKeditor->Height=300px; //设置显示高度的高度$oFCKeditor->Create() ; // 创建编辑器?>下面是笔者创建好的实例代码,您可将代码保存为add_。

BasePath = ./fckeditor/; // 设置FCKeditor目录地址$oFCKeditor->Create() ; // 创建编辑器?>

通过浏览里打开http://you-address/add_ 查看FCKeditor安装效果。如图3所示。

FCKeditor安装成功

注意:如果您想将FCKeditor创建为HTML结果代码,以便于在模板引擎里面调用(如Smarty)可使用如下代码。$output = $oFCKeditor->CreateHtml() ;

现在,您可通过POST方式获得编辑器的`变量值。本例将表单的action设置为,您可在里使用代码$fckeditorValue = $_POST[FCKeditor1];获得编辑器的变量值了。

FCKeditor安装成功了。但是,我们还可以通过更多设置来使FCKeditor更加灵活人性化。具体方法文本后面介绍。3.2、用JavaScript调用FCKeditor 调用FCKeditor必须先载入FCKeditor类文件,但与PHP调用方法不同,应用下面的代码。