http://blog.sina.com.cn/s/blog_4cd0d69d01000blo.html      

   网上关于FCKeditor配置的文章有很多,但大都雷同,且对FCKeditor的最新版本介绍的少之又少,最近研究了下FCKeditor的配置,并根据自己的实际把经验总接记录如下:

一、把FCKeditor_2.4.3.zip解压缩到网站的根目录下,这样网站的根目录为:

         \admin

                  \index.php

                  \inc

                  \FCKeditor

二、配置文件

1、FCKeditor/fckconfig.js;

第44行:FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;可以对FCKeditor的皮肤进行选择,自带的有三种,在FCKeditor\editor\skins目录下,可以按照需要自己选择。

第57行:FCKConfig.DefaultLanguage     = 'en' ;是对FCKeditor支持的语言进行设置的,默认是支持英文的,如果要设置成支持中文的,只需要把en改为zh-cn即可。

第94行至109行:FCKConfig.ToolbarSets["Default"] ;是对FCKeditor中的工具按钮进行设置的,你可以根据自己的需要,为自己量身定制一个在线编辑器。详细介绍如下:

        EditSource 显示HTML源代码 StrikeThrough 删除线

        Save 保存 Subscript 下标

        NewPage 新建空白页面 Superscript 上标

        Preview 预览 JustifyLeft 左对齐

        Cut 剪切 JustifyCenter 居中对齐

        Copy 复制 JustifyRight 右对齐

        Paste 粘贴 JustifyFull 两端对齐

        PasteText 纯文本粘贴 InsertOrderedList 自动编号

        PasteWord 来自Word的粘贴 InsertUnorderedList 项目符号

        Print 打印 Outdent 减少缩进

        SpellCheck 拼写检查 Indent 增加缩进

        Find 查找 ShowTableBorders 显示表格线

        Replace 替换 ShowDetails 显示明细

        Undo 撤销 Form 添加Form动作

        Redo 还原 Checkbox 复选框

        SelectAll 全选 Radio 单选按钮

        RemoveFormat 去除格式 Input 单行文本框

        Link 插入/编辑 链接 Textarea 滚动文本框

        RemoveLink 去除连接 Select 下拉菜单

        Anchor 锚点 Button 按钮

        Image 插入/编辑 图片 ImageButton 图片按钮

        Table 插入/编辑 表格 Hidden 隐藏

        Rule 插入水平线 Zoom 显示比例

        SpecialChar 插入特殊字符 FontStyleAdv 系统字体

        UniversalKey 软键盘 FontStyle 字体样式

        Smiley 插入表情符号 FontFormat 字体格式

        About 关于 Font 字体

        Bold 粗体 FontSize 字体大小

        Italic 斜体 TextColor 文字颜色

        Underline 下划线 BGColor 背景色

这个默认的是包含了所有的工具按钮,不过到我们具体要用的时候,有的按钮并不需要,而且还影响速度。那么我们可以将我们不需要的按钮给删了。

        如果在前台给用户回复一写帖子的话,还是没必要要上面的,这时你可以在加一个:

FCKConfig.ToolbarSets["Basic"] = [

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

] ;

这样的话,你在前台调用的时候就要用$FCKeditor->ToolbarSet='Basic',不能再为"Default"了。

第186、187行:var _FileBrowserLanguage = 'asp ;

var _QuickUploadLanguage = 'asp' ;

分别是对脚本语言进行设置的,默认是asp的,在这里我们改为php.结果为:                                          var _FileBrowserLanguage = 'php ;

var _QuickUploadLanguage = 'php' ;

三、图片上传设置

打开文件FCKeditor/editor/filemanager/browser/default/connectors/php/config.php

第28行:$Config['Enabled'],将它设置为'true';

第32行:$Config['UserFilesPath'] = '/FCKeditor/userfiles/' ;将它设置图片的目录,这个目录是相对于主目录的,这点尤其要注意。

打开文件FCKeditor/editor/filemanager/upload/php/config.php

第28行:$Config['Enabled'],将它设置为'true';

第32行:$Config['UseFileType'],将它设置为'true'

第35行:$Config['UserFilesPath'] = '/FCKeditor/userfiles/',设置上传文件的目录,这里设置的是相对目录。

当然也可以设置绝对路径,不过这种移植性不好,在此就不讨论了。

四、调用FCKeditor的两种方法

1、通过创建实例

      在这里只写调用它的代码了,网站的其他代码当然由你自己写了,把下面的代码加在需要编辑器的地方:

      <?php

      include_once("FCKeditor/fckeditor.php");        //引用FCKeditor.php这个文件

      $FCKeditor=new FCKeditor('content');            //创建FCKeditor对象的实例

      $FCKeditor->BasePath='FCKeditor/';              //FCKeditor所在的位置,这里它的位置就是'FCKeditor/';

      $FCkeditor->ToolbarSet='Default';               //工具按钮设置

      $FCKeditor->Width='100%';                       //设置它的宽度

      $FCKeditor->Height='300px';                     //设置它的高度

      $FCkeditor->Create();

      ?>

2:通过iframe调用创建

在你认为该加的地方加上

<INPUT id=content style="DISPLAY: none" type=hidden name="guan">

<INPUT id=content___Config style="DISPLAY: none" type=hidden>

<IFRAME id=content___Frame src="FCKeditor/editor/fckeditor.html?InstanceName=guan&amp;Toolbar=Default" frameBorder=0 width=100% scrolling=no height=300>

</IFRAME>

对上述两种方法的说明:

上述方法中,用到了字符串'guan',我们使用文本编辑器一般都是希望将文本编辑器中的内容在另外一个页面显示或者要将在它保存在数据库,那么你就可以用$_POST['guan']或者用$_GET['guan']来获取文本编辑器中的内容,具体是用post还是用get那要看你用的是什么传递方法了,当然你也可以把guan改成你想要用的。

 

2007-07-18 15:49

想问下,如果是在修改内容的时候,怎样将数据库里的内容调出来显示在编辑器里呢?

2007-07-21 09:50

不好意思,这两天忙的也没有时间来空间了!没有及时给你回复!

<INPUT id=content style="DISPLAY: none" type=hidden name="guanhao" value="<?php echo $a_values[3];?>">

<INPUT id=content___Config style="DISPLAY: none" type=hidden value="<?php echo $a_values[3];?>">

<IFRAME id=content___Frame src="./FCKeditor/editor/fckeditor.php?InstanceName=guanhao&Toolbar=Default" frameBorder=0 width=700 scrolling="auto" height=350 marginheight="0" marginwidth="0">

</IFRAME>