在线编辑器最新版FCKeditor2.3.2配置过程
前言：FCKeditor网页在线编辑器功能强大好易上手，这个众所周知了。网站系统集成了FCKeditor编辑器，帮助非专业的编程员对HTML网页进行排版发布新闻文章
提高工作效率之外也使得网页整体美观性一致。我进期用PHP编写一套学校的新闻发布系统，后台的编辑器太过简单，只用简单的JS导入连接。功能马虎了，感觉很别扭。
于是在网上搜索下如何集成网站编辑器的教程，发觉很多文章都是转载来转载去的。教程所用的版本参差不齐，有的说1.6版本的，有的教2.0版本的，有的是2.1.1版本的。
乱七八糟的版本竟然教程都是一样的，对初学者很难集中理解。于是我查询FCKeditor官方网站，官方平台上已经公布了2.3.2最新版本。对比一下之前在网上查询的教程，都是
介绍久版本的。于是我下载了新版本，（起码新鲜呀，不至于被他人修改过其中的文件）。呵呵，OK，接下来就进行出略看看里面的文件，进行安装了。。。
1. 先下载FCKeditor2.3.2
下载地址：http://prdownloads.sourceforge.net/f...2.zip?download
2.在自己的PHP服务器根目录下随意新建目录，我自己建立的是/test/，将下载的文件解压到该目录中。
目录结构如下：
test 测试的目录
|
|_____FCKeditor/ 下载FCKeditor解压后的目录
|
|_____test.php (新建用来测试的文件，下附代码)
|
|_____shop.php (新建用来接收提交数据的显示文件页面，下附代码)
3.现在FCKeditor已经就绪。只要加入下列代码生成一个编辑器(一般在<FORM></FORM>中)
test.php文件简单代码如下：
![]()
<html>
![]()
<head>
![]()
</head>
![]()
<body>
![]()
<form name="form1" action="shop.php" method="post" language="javascript">
![]()
<?php
![]()
include("FCKeditor/fckeditor.php") ;
![]()
$oFCKeditor = new FCKeditor('FCKeditor1') ;
![]()
$oFCKeditor->BasePath = './FCKeditor/';
![]()
$oFCKeditor->Value = '';
![]()
$oFCKeditor->Create() ;
![]()
?>
![]()
<INPUT type="submit" name="submit" value="提交">
![]()
</form>
![]()
</body>
![]()
</html>
"FCKeditor1" 是表单中的编辑器对应的输入框名称. 使用 $sValue = stripslashes( $_POST['FCKeditor1'] ) ; 来接收编辑器中输入的内容。 "_samples"目录下有更多的使用范例。
shop.php代码如下：
![]()
<?php
![]()
$sValue = stripslashes( $_POST['FCKeditor1'] );
![]()
echo"$sValue";
![]()
?>
该文件，只是简单的测试显示页面，相关的插入数据库的函数，自己根据自己的实际情况添加进去就得了。。
4. 配置上传和浏览功能
打开fckconfig.js文件进行简单的配置
以前旧版本的，很多教程都会说到以下的配置值必须是“true”，现在2.3.2版本的，你会发觉，都已经设置成“true ”值了，那么这步就省略了。
FCKConfig.LinkBrowser = true ;
FCKConfig.ImageBrowser = true ;
FCKConfig.FlashBrowser = true ;
FCKConfig.LinkUpload = true ;
FCKConfig.ImageUpload = true ;
FCKConfig.FlashUpload = true ;
接着搜索fckconfig.js文件中的: var _FileBrowserLanguage （143行）
它的初始设置值是 var _FileBrowserLanguage = 'asp' ;
那么我是需要PHP版本的，那么就可以改成var _FileBrowserLanguage ='php'
而且，它适用于 “asp | aspx | cfm | lasso | perl | php | py ” 等等编程语言，改回你自己需要的就OK。
它的意思的指向程序类型的配置文件路径。
再找到144行，var _FileBrowserLanguage ='asp'; 也改成var _FileBrowserLanguage ='PHP';
这里的意思是修改上传文件等配置文件的指向路径，和上传组件的路径。
fckconfig.js配置完毕。。。
5. 然后编辑FCKeditor安装目录下的浏览程序配置文件和上传程序配置文件,需要明确指定为true。
打开文件 /editor/filemanager/browser/default/connectors/php/config.php
![]()
// SECURITY: You must explicitelly enable this "connector". (Set it to "true").
![]()
$Config['Enabled'] = true ;
![]()
// Path to user files relative to the document root.
![]()
$Config['UserFilesPath'] = '/UserFiles/' ;
打开文件 /editor/filemanager/upload/php/config.php
![]()
// SECURITY: You must explicitelly enable this "uploader".
![]()
$Config['Enabled'] = true ;
![]()
// Path to uploaded files relative to the document root.
![]()
$Config['UserFilesPath'] = '/UserFiles/' ;
![]()
这两个文件中都有一个目录配置。为了使上传的文件可以被浏览，将这两个目录都指向/UserFiles/。相应的在网站根目录建立一个UserFiles目录。
FCKeditor在浏览和上传的时候会根据文件类型(Image,File,Flash...)建立和选择不同的目录。比如在浏览图像时会自动进入/UserFiles/Image/目录浏览。上传图像时会自动传入/UserFiles/Image/。
6.好了。。这样可以上传文件了。。仔细测试了好几次，突然发觉上传以中文命名的图片或文件，会出现文件名乱码了。应该是在javascript的url编码传递中造成的了，那么
就想想法办把它解决。细想还是用最原始的方法，就用上传时间作为文件命名。那么找到上传的文件：\editor\filemanager\upload\php\upload.php 打开找到 $sFileName = $oFile['name'] ;
替换为：
![]()
$sFileName = $oFile['name'] ;
![]()
$sOriginalFileName = $sFileName ;
![]()
$sExtension = substr( $sFileName, ( strrpos($sFileName, '.') + 1 ) ) ;
![]()
$sExtension = strtolower( $sExtension ) ;
![]()
$sFileName = date("YmdHis",time()+22800).".".$sExtension;
这样，就可以解决了上传文件时，遇到中文命名的文件出现乱码而无法显示的问题。
还有一点，就是要在服务器根目录下建立UserFiles文件夹，否则上无法上传文件，这点很多网上的提问无法上传文件的原因。只要在服务器根目录下建立UserFiles目录，程序有目录指向
就能上传文件了。再有的就是该编辑器自动建立了(Image,File,Flash...)等文件夹在UserFiles中，这是自动文件分类程序中的作用了，作用是给管理者更好的文件类型的管理。
提高工作效率之外也使得网页整体美观性一致。我进期用PHP编写一套学校的新闻发布系统，后台的编辑器太过简单，只用简单的JS导入连接。功能马虎了，感觉很别扭。
于是在网上搜索下如何集成网站编辑器的教程，发觉很多文章都是转载来转载去的。教程所用的版本参差不齐，有的说1.6版本的，有的教2.0版本的，有的是2.1.1版本的。
乱七八糟的版本竟然教程都是一样的，对初学者很难集中理解。于是我查询FCKeditor官方网站，官方平台上已经公布了2.3.2最新版本。对比一下之前在网上查询的教程，都是
介绍久版本的。于是我下载了新版本，（起码新鲜呀，不至于被他人修改过其中的文件）。呵呵，OK，接下来就进行出略看看里面的文件，进行安装了。。。
1. 先下载FCKeditor2.3.2
下载地址：http://prdownloads.sourceforge.net/f...2.zip?download
2.在自己的PHP服务器根目录下随意新建目录，我自己建立的是/test/，将下载的文件解压到该目录中。
目录结构如下：
test 测试的目录
|
|_____FCKeditor/ 下载FCKeditor解压后的目录
|
|_____test.php (新建用来测试的文件，下附代码)
|
|_____shop.php (新建用来接收提交数据的显示文件页面，下附代码)
3.现在FCKeditor已经就绪。只要加入下列代码生成一个编辑器(一般在<FORM></FORM>中)
test.php文件简单代码如下：
<html><head></head><body><form name="form1" action="shop.php" method="post" language="javascript"><?phpinclude("FCKeditor/fckeditor.php") ;$oFCKeditor = new FCKeditor('FCKeditor1') ;$oFCKeditor->BasePath = './FCKeditor/';$oFCKeditor->Value = '';$oFCKeditor->Create() ;?><INPUT type="submit" name="submit" value="提交"></form></body></html>"FCKeditor1" 是表单中的编辑器对应的输入框名称. 使用 $sValue = stripslashes( $_POST['FCKeditor1'] ) ; 来接收编辑器中输入的内容。 "_samples"目录下有更多的使用范例。
shop.php代码如下：
<?php$sValue = stripslashes( $_POST['FCKeditor1'] );echo"$sValue";?>4. 配置上传和浏览功能
打开fckconfig.js文件进行简单的配置
以前旧版本的，很多教程都会说到以下的配置值必须是“true”，现在2.3.2版本的，你会发觉，都已经设置成“true ”值了，那么这步就省略了。
FCKConfig.LinkBrowser = true ;
FCKConfig.ImageBrowser = true ;
FCKConfig.FlashBrowser = true ;
FCKConfig.LinkUpload = true ;
FCKConfig.ImageUpload = true ;
FCKConfig.FlashUpload = true ;
接着搜索fckconfig.js文件中的: var _FileBrowserLanguage （143行）
它的初始设置值是 var _FileBrowserLanguage = 'asp' ;
那么我是需要PHP版本的，那么就可以改成var _FileBrowserLanguage ='php'
而且，它适用于 “asp | aspx | cfm | lasso | perl | php | py ” 等等编程语言，改回你自己需要的就OK。
它的意思的指向程序类型的配置文件路径。
再找到144行，var _FileBrowserLanguage ='asp'; 也改成var _FileBrowserLanguage ='PHP';
这里的意思是修改上传文件等配置文件的指向路径，和上传组件的路径。
fckconfig.js配置完毕。。。
5. 然后编辑FCKeditor安装目录下的浏览程序配置文件和上传程序配置文件,需要明确指定为true。
打开文件 /editor/filemanager/browser/default/connectors/php/config.php
// SECURITY: You must explicitelly enable this "connector". (Set it to "true").$Config['Enabled'] = true ;// Path to user files relative to the document root.$Config['UserFilesPath'] = '/UserFiles/' ;打开文件 /editor/filemanager/upload/php/config.php
// SECURITY: You must explicitelly enable this "uploader". $Config['Enabled'] = true ;// Path to uploaded files relative to the document root.$Config['UserFilesPath'] = '/UserFiles/' ;这两个文件中都有一个目录配置。为了使上传的文件可以被浏览，将这两个目录都指向/UserFiles/。相应的在网站根目录建立一个UserFiles目录。
FCKeditor在浏览和上传的时候会根据文件类型(Image,File,Flash...)建立和选择不同的目录。比如在浏览图像时会自动进入/UserFiles/Image/目录浏览。上传图像时会自动传入/UserFiles/Image/。
6.好了。。这样可以上传文件了。。仔细测试了好几次，突然发觉上传以中文命名的图片或文件，会出现文件名乱码了。应该是在javascript的url编码传递中造成的了，那么
就想想法办把它解决。细想还是用最原始的方法，就用上传时间作为文件命名。那么找到上传的文件：\editor\filemanager\upload\php\upload.php 打开找到 $sFileName = $oFile['name'] ;
替换为：
$sFileName = $oFile['name'] ;$sOriginalFileName = $sFileName ;$sExtension = substr( $sFileName, ( strrpos($sFileName, '.') + 1 ) ) ;$sExtension = strtolower( $sExtension ) ;$sFileName = date("YmdHis",time()+22800).".".$sExtension;这样，就可以解决了上传文件时，遇到中文命名的文件出现乱码而无法显示的问题。
还有一点，就是要在服务器根目录下建立UserFiles文件夹，否则上无法上传文件，这点很多网上的提问无法上传文件的原因。只要在服务器根目录下建立UserFiles目录，程序有目录指向
就能上传文件了。再有的就是该编辑器自动建立了(Image,File,Flash...)等文件夹在UserFiles中，这是自动文件分类程序中的作用了，作用是给管理者更好的文件类型的管理。
浙公网安备 33010602011771号