FCKeditor使用方法详解资源-CSDN文库

共1个文件

doc：1个

java

web

设计与实现

需积分: 3 108 浏览量 2008-07-22 12:31:10 上传评论收藏 88KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

FCKeditor使用方法详解.zip （1个子文件）

FCKeditor使用方法详解.doc 196KB

FCKeditor 使用方法技术详解

作者：深蓝色

QQ：76863715

本文 PHPChina

论坛首发

本文特为《 PHP5

和

MySQL5 Web

开发技术详解》一书编写

1、概述

FCKeditor 是目前最优秀的可见即可得网页编辑器之一，它采用 JavaScript 编写。具备

功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网

上很容易找到相关技术文档，国内许多 WEB 项目和大型网站均采用了 FCKeditor（如百度，

阿里巴巴）。本文将通过与 PHP 相结合，从基本安装到高级的配置循序渐进介绍给广大

PHPer。

FCKeditor 官方网站：http://www.fckeditor.net/

FCKeditor Wiki：http://wiki.fckeditor.net/

2、下载 FCKeditor

笔者编写本文时，FCKeditor 当前最新的稳定版本是 2.4.3，因此我们下载此版本的 zip 压缩

格式文档。如图 1 所示：

图 1：下载 FCKeditor 2.4.3（最新稳定版）

注意：当点击“FCKeditor_2.4.3.zip”链接后，将跳转到 sourceforge.net 网站上自动下载。如

果您当前使用 Linux 或 Unix 系统，可以点击“FCKeditor_2.4.3.tar.gz”链接下载.tar.gz 格式的

压缩包。

3、安装 FCKeditor

解压“FCKeditor_2.4.3.zip”文档到您的网站目录下，我们先假定您存放 FCKeditor 和调

用脚本存于同一个目录下。目录结构如下图所示：

图 2：网站目录结构图

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>

<title>用 PHP 调用 FCKeditor</title>

</head>

<body>

<?php

$oFCKeditor = new FCKeditor('FCKeditor1') ; // 创建 FCKeditor 实例，可创建多个实例

$oFCKeditor->BasePath = './fckeditor/'; // 设置 FCKeditor 目录地址

$oFCKeditor->Create() ; // 创建编辑器

</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 调用 FCKeditor

调用 FCKeditor 必须先载入 FCKeditor 类文件，但与 PHP 调用方法不同，应用下面的

代码。

src="./fckeditor/fckeditor.js"></script>

载入 FCKeditor 类成功后，有三种方法创建（显示）编辑器。

一：内嵌方法（推荐）

在您想要显示 FCKeditor 的地方创建如下代码（通常在表单里）：

var oFCKeditor = new FCKeditor('FCKeditor1');

oFCKeditor.BasePath = "./fckeditor /";

oFCKeditor.Create();

</script>

下面是笔者创建好的实例代码，您可将代码保存为 add_article_js.html。

<html>

<head>

评论收藏

内容反馈

lvyulin

粉丝: 20
资源: 87

FCKeditor使用方法详解

asp.net文本编辑器FCKeditor使用方法详解

文本编辑器FCKeditor使用方法详解--图文详解

FCKeditor使用方法详解.doc

asp.net文本编辑器FCKeditor使用方法详解.doc

FCKeditor使用方法详解 附:FCKeditor2.66版

FCKeditor使用方法详解（配置）.doc

FCKeditor使用方法详解.pdf

FCKeditor使用方法详解.docx

FCKeditor使用方法技术详解.pdf

FCKeditor使用方法技术详解.doc

FCKeditor使用方法技术详解

html编辑器FCKeditor使用详解

FCKeditor使用详解.doc

基于spring boot的小区物业管理系统源码+论文+答辩ppt

STM32CubeMX安装包(版本:6.9.0) 附带 Java安装包(版本:371) - -2023年7月14日

最新Java JDK 8安装版（Windows 64位）

Java实现ocr图片识别（PaddleOCR）飞桨

自主研发的软著申请代码文档整理输出工具

毕业设计-基于JAVA的springboot超市进销存系统(源代码+论文）

Java 面经手册·小傅哥.pdf

java-11 windows-x64 安装包

Java面试八股文2023最新版

2024最强Java面试八股文

JDK1.8 windows 64位

人大金仓驱动包kingbasejdbc.jar V8.6.0、8.8.0驱动jar包

JavaWeb仿小米在线商城ShoppingMall

ide-eval-resetter-2.3.5.jar,重新定义idea使用时间

java版本使用springboot vue websocket webrtc实现视频通话

jdk-8u401-windows-x64

最新资源

FCKeditor使用方法详解附:FCKeditor2.66版