当前位置：首页 → 问答吧 → PHP在线编辑器FCKeditor配置过程

PHP在线编辑器FCKeditor配置过程

时间：2010-05-19

来源：互联网

FCKeditor网页在线编辑器功能强大好易上手，这个众所周知了。网站系统集成了FCKeditor编辑器，帮助非专业的编程员对HTML网页进行排版发布新闻文章,提高工作效率之外也使得网页整体美观性一致。
1.
先到官网下载最新版FCKeditor
http://www.fckeditor.net/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" >
<?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" 是表单中的编辑器对应的输入框名称.   "_samples"目录下有使用范例。
shop.php代码如下：
使用 $sValue = stripslashes( $_POST['FCKeditor1'] ) ; 来接收编辑器中输入的内容。
<?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中，这是自动文件分类程序中的作用了，作用是给管理者更好的文件类型的管理。

作者: benetwb 发布时间: 2010-05-19

支持一下自己

作者: benetwb 发布时间: 2010-05-19