PHP环境下配置在线编辑器FCKeditor

PHP环境下配置在线编辑器FCKeditor

在线编辑器 2.0PHP环境下试用小记

一、简介

2004年11月30日推出了 2.0 RC1版，据其官方网站称：这是 2.0版的第一个稳定版本。大家现在可以考虑正式使用它了。目前支持的后台语言有ASP、ASP.Net、PHP和。

笔者在经过简单的试用发现，在线编辑器2.0版确实比1.6版有了许多的改进。首先是的文件结构更加清晰，可以更方便地将其部署在自己的系统中。另外2.0版终于支持了 1.0浏览器，这将为赢得更多的使用者。废话不多说，让我们赶快来学习如何安装、配置 2.0吧。

二、安装与范例

首先到 下载 2.0 RC1（554K），并将其解压缩到你的网站目录里面，并将文件夹名改为。举例来说，如果你的网站放在shaof这个目录下面，则在这个目录中建立3个子目录：

n         ：存放从网站上下载的在线编辑器

n         ：用于存放上传的图片

n         admin：里面存放测试页面

网站的结构如下：

/           //目录

/            //上传文件目录

/admin

test.php          //提交数据页面

.php     //显示数据页面

进入到目录下，打开目录，里面含有各种编程语言调用的范例程序页面，其中php目录中包含着一些使用PHP来调用的范例，大家可以看一下，了解的调用方法，下面是我简写了一个test.php程序，放在网站根目录下的admin目录中：

if($_POST){

$=$_POST

”

echo $;

//变量$就是我们在里面编辑的内容，这里可以将其保存到数据库，代码省略。

//引入在线编辑器

(“..//.php”) ;

这里我们先看一下调用的函数fckeditor php配置，2.0版的调用方式与1.6版变化不大，如果你以前安装过 1.6，那么只需要修改很少的代码升级到2.0。

(

, width, , , value

引用值

实例化编辑器所需的唯一名称

编辑器的宽度，单位为象素或者百分比（可选择的，默认为：100%）

编辑器的高度，单位为象素或者百分比（可选择的，默认为：200）

工具栏的名称（可选择的PHP环境下配置在线编辑器FCKeditor，默认为：）

编辑器的内容（HTML）初始值（可选择的）

好啦，下面就让我们利用这个函数来定制吧。

$ = new (”)  ;

$-> = ‘..//’ ;

$-> = ” ;

$-> = ” ;

$->Width = ‘100%’ ;

$-> = ‘400’ ;

$->() ;

三、配置在线编辑器

2.0的配置文件为.js，其中几个重要的配置项目如下：

1、工具栏的设置

默认情况下，会调用如下的工具栏按钮，大家可以根据自己的需要进行增减。需要注意的是，2.0版与1.6版的按钮并不完全相同，有些按钮以及删除或者改名了。

//##

//## Sets

//##

.

“”

”,’-‘,’Save’,”,”

‘Cut’,’Copy’,’Paste’,”,”,’-‘,’Print’

‘Undo’,’Redo’,’-‘,’Find’,”,’-‘,”,”

‘Bold’,”,”,”,’-‘,”,”

”,”,’-‘,”,”

”,”,”,”

‘Link’,”

‘Image’,’Table’,’Rule’,”,”

‘Style’,”,”,”

”,”

2、简体中文设置

编辑edit/lang/.js

将下面语句

. =

‘ar’  : ”,

‘bs’  : ”,

‘ca’  : ”,

‘en’  : ”,

‘es’  : ”,

‘et’  : ”,

‘fi’  : ”,

‘fr’  : ”,

‘gr’  : ‘Greek’,

‘he’  : ”,

‘hr’  : ”,

‘it’  : ”,

‘ko’  : ”,

‘lt’  : ”,

‘no’  : ”,

‘pl’  : ”,

‘sr’  : ‘ ()’,

‘sr-latn’ : ‘ (Latin)’,

‘sv’  : ”

添加一行 ‘zh-cn’    : ” 从而变成

. =

‘ar’  : ”,

‘bs’  : ”,

‘ca’  : ”,

‘en’  : ”,

‘es’  : ”,

‘et’  : ”,

‘fi’  : ”,

‘fr’  : ”,

‘gr’  : ‘Greek’,

‘he’  : ”,

‘hr’  : ”,

‘it’  : ”,

‘ko’  : ”,

‘lt’  : ”,

‘no’  : ”,

‘pl’  : ”,

‘sr’  : ‘ ()’,

‘sr-latn’ : ‘ (Latin)’,

‘sv’  : ”,

‘zh-cn’     : ”

然后到这里下载汉化好的zh-cn.js保存到/lang目录下即可。

四、设置文件上传

2.0在线编辑器采用了一种名为“”（连接器）的技术来实现对文件的浏览以及上传。下图显示了文件浏览的工作流程图。

从图中可以看出，当客户端向服务器发出一个文件操作请求后fckeditor php配置，就会对此请求进行响应，在服务器的文件系统中进行执行操作PHP环境下配置在线编辑器FCKeditor，如：文件和文件夹的浏览以及创建操作。最后将结果以XML的格式回应给客户端。具体的技术细节大家可以阅读自带的说明指南。

落实到应用，首先我们要选择一个后台语言用来实现这个功能，这里我们以PHP为例进行说明。

1、  修改配置文件.js中的两段内容

//Link

. = true ;

. = . + “///.html?=/php/.php” ;

.th = .width * 0.7 ;    // 70%

.ght       = . * 0.7 ;   // 70%

//Image

. = true ;

. = . + “///.html?Type=Image&=/php/.php” ;

.dth  = .width * 0.7 ;     // 70% ;

.ight = . * 0.7 ;       // 70% ;

2、  修改配置文件

\\\php.php

// Get the “” path.

$

“”

= ‘//’ ;

为文件上传的路径，与本文开头所给的例子相对应fckeditor php配置，大家可以自行修改。

好啦，只需要两步就完成了文件上传的配置工作，真是简单呀。以后我们通过上传的文件都会保存在网站的目录下。

五、结束

最后大家可以把目录下的_docs和两个目录删除以节省空间。本文是笔者以前写过的一篇名为《在线编辑器在PHP中的使用方法》（1.6版）文章的升级版本，文章如有不妥之处，还请大家指正。

另，遇到的问题

1、图片文件上传路径问题

安装我文章里面的设置，上传路径设置为/，但是上传图片文件时，都自动把文件上传到/image目录下面，自做主张的建立了一个image目录，很是不爽。原因不明。