FCKEditor在PHP中的使用(FCKEditor入门)与配置

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中,这是自动文件分类程序中的作用了,作用是给管理者更好的文件类型的管理。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值