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中,这是自动文件分类程序中的作用了,作用是给管理者更好的文件类型的管理。
FCKEditor在PHP中的使用(FCKEditor入门)与配置
最新推荐文章于 2024-08-15 15:00:52 发布