新闻动态

   

您现在的位置是:首页 » 新闻动态 » 网站技术


PHP下fckeditor 2.6.6的使用和配置


人气: 12588  日期: 2011-06-21  作者: 大向网络  [打印本文]

1、首先去官网下载FCKeditor2.6.6 多国语言版(可以搜索“FCKeditor 2.6.6, released on 15 February 2010”)。下载地址: http://ckeditor.com/download

 设置

1.更改默认语言和编程语言:

打开/fckeditor/fckconfig.js ;(千万注意这个文件是utf-8编码,我第一次编辑的时候保存成了ANSI格式结果出错了,找了好长时间原因)修改->

FCKConfig.AutoDetectLanguage =false;(使其不能根据系统语言自动检测加载相应的语言。)

var FCKConfig.DefaultLanguage = ‘zh-cn’ ;

var _FileBrowserLanguage = ‘php’ ;

var _QuickUploadLanguage = ‘php’ ;

2.开启文件上传的功能:

配置editor\filemanager\connectors\php\config.php

将$Config['Enabled'] = false ;改为$Config['Enabled'] = true ;

更改$Config['UserFilesPath'] = ‘/userfiles/’ ;为你的上传目录(注意:这个目录要存在——自己创建好)

想让上传的文件按日期存放,则例如:$Config['UserFilesPath'] = '/Uploadfiles/'.date("Ym")."/" ;

注意:这个目录是相对于主目录的。也就是说,这个目录是相对于根目录的,注意,如果你在本机上测试,那么,这个根目录就是 http://localhost

更改$Config['UserFilesAbsolutePath'] = '' ;为

$Config['UserFilesAbsolutePath'] = $_SERVER['DOCUMENT_ROOT'].$Config['UserFilesPath'];

 

如果想让上传的文件重命名

打开FCKeditor\editor\filemanager\browser\default\connectors\php\commands.php

 

 

// 在下列代码之后:
// Get the extension.
$sExtension = substr( $sFileName, (

strrpos($sFileName, '.') + 1 ) ) ;
$sExtension = strtolower( $sExtension )

;

 

 

//添加如下语句,则会让所有上传的文件名以“时间+随机数”来重命名。
//Rename filename
$sFileName=date("Ymd_His_").rand(100,200).".".$sExtension;

 

 

 

 调用

 

 

   
//包含fckeditor类   
include("../../fckeditor/fckeditor.php") ;   
//创建一个FCKeditor,表单名称为 jzleditor   
$oFCKeditor = new FCKeditor("Contents");    
//设置编辑器路径   
$oFCKeditor->BasePath = "../../fckeditor/";    
$oFCKeditor->ToolbarSet = "Default";//工具按钮   
$oFCKeditor->Value =$cont;  //;设置初始内容   
$oFCKeditor->Width="100%";  //设置它的宽度   
$oFCKeditor->Height="400px";  //设置它的高度    
$oFCKeditor->Create();    
?>

 

 

 其他技巧

1.修改工具栏按钮:

这样做主要是为了提高安全性,减少一般用户可以使用的功能:

FCKConfig.ToolbarSets["MyStyle"] = [

['Source','Preview','FitWindow','-','Templates'],

['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],

['ShowBlocks'],

‘/’,

['Bold','Italic','Underline','StrikeThrough','TextColor','BGColor'],

['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],

['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],

['Link','Unlink','Anchor'],

‘/’,

['Style','FontFormat','FontName','FontSize']

    // No comma for the last row.

] ;

或者更改

FCKConfig.ToolbarSets["Basic"] = [

  ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','Image','-','About']

] ;

在设置后,调用时添加这个语句:

$oFCKeditor->ToolbarSet = ‘MyStyle’ ;

2.上传中文名文件时显示乱码怎么办

在文件connectors/php/commands.php中查找:

$sFileName = $oFile['name'] ;

在后面添加一行:

$sFileName = iconv(”utf-8″,”gbk”,$sFileName);

3、修正文件列表时中文文件名显示乱码问题

在文件connectors/php/util.php中查找:

return ( utf8_encode( htmlspecialchars( $value ) ) ) ;

修改为:

return iconv(”,’utf-8′,htmlspecialchars( $value ));

4、修正新建中文文件夹时的文件夹名乱码问题

 

在文件connectors/php/commands.php中查找:

$sNewFolderName =

在后面添加一行:

$sNewFolderName = iconv(”utf-8″,”gbk”,$sNewFolderName);

2.6.3版及后续版本的fck下的html文件已经加了utf-8的文件头。

5.给文章添加不同的样式

6、配置皮肤。

“fckeditor\editor\skins\”目录中有default、office2003、silver等风格可供选择。

打开/fckeditor/fckconfig.js ;修改->

FCKConfig.SkinPath = FCKConfig.BasePath + ’skins/default/’ ;

7、在编辑器域内可以使用Tab键。

打开/fckeditor/fckconfig.js ;修改(1为是,0为否)->

FCKConfig.TabSpaces = 0 ; 改为 FCKConfig.TabSpaces = 1 ;

8、加上几种常用的字体:

打开/fckeditor/fckconfig.js ;修改->

 FCKConfig.FontNames = ‘宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’;

9、修改默认的显示字体

可以通过修改样式表来达到要求,打开/editor/css/fck_editorarea.css,修改font-size属性即可。

10、在上传文件窗口点击浏览服务器出错

可能会出现“the server didn’t send back a proper xml…..  ”的错误提示。

因为FCKeditor要求不同类型的文件分别传到不同的目录,包括file,image,falsh,media 等目录,可以先建立起来试试。


  上一篇:解决在用ewebeditor编辑器编辑文章的时候全部文字都跑到录入框外面了的情况呢?
  下一篇:html5自带得表单验证代码 做验证再也不用那么复杂了
相关文章(Tags:编辑器)