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

共1个文件

doc：1个

FCKeditor

需积分: 3 169 浏览量 2008-09-26 14:37:59 上传评论收藏 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>

评论收藏

内容反馈

yuanwei0221

粉丝: 0
资源: 21

FCKeditor使用方法详解.doc

评论0

最新资源

FCKeditor使用方法详解.doc

评论0

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

FCKeditor使用方法技术详解.doc

FCKeditor使用详解.doc

FCKEditor使用详解_2003.doc

FCKeditor使用详解JAVA版.doc

FCKeditor文本编辑器插件的使用

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

Java第十五届蓝桥杯大赛软件JavaB组真题

SwitchHosts

安卓期末大作业（AndroidStudio开发），垃圾分类助手app，分为前台后台，代码有注释，均能正常运行

Notepad++安装包

2024北森能力测评题库.7z

微信小程序源码-合集1.rar

Java面试八股文2023最新版

Linux Centos7 升级最新版OpenSSH-9.6p1 有脚本（支持离线）

ruoyi-vue-pro 芋道源码项目的表结构

JDK1.8 windows 64位

myeclipse 10.7.1 windows 安装包

ruoyi-vue-pro开发指南PDF下载

ja-netfilter-all

2024最强Java面试八股文

教务管理系统——数据库课程设计mysql+java

Javaweb程序设计任务教程课后习题及答案 黑马程序员传智播客

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

图书管理系统(Java实现）[附完整代码]

jdk-11-windows-x64.zip

Postman9.12.2中文版

Java面试题大全（备战2021）

JimuReport v1.5.4版本发布(Windows免安装版)

最新资源

Javaweb程序设计任务教程课后习题及答案黑马程序员传智播客