《fckeditor配置》由会员分享，可在线阅读，更多相关《fckeditor配置（9页珍藏版）》请在金锄头文库上搜索。
1、前言：FCKeidtor 是个国外的多语言编辑器，你可以对其配置文件进行简单修改使之支持目前常用 Web 开发语言的应用，下面我就讲讲 FCKeditor 的最新版本 2.4.2 在 php 的具体配置过程，有不足和出错的地方，欢迎指正。精简：正因为这个编辑器是支持多语言的，所以首先我们针对使用对其做相应的冗余文件删除。1、临时文件及文件夹删除：从根目录下开始删除一切以“_”开头的文件及文件夹，因为他们为临时文件和文件夹。删除这类临时文件及文件夹之后，我们还要删除一些根目录下的多余文件，根目录下我们只保留fckconfig.js（配置文件）、fckeditor.js（js 方式调用文件）、fc
2、keditor.php（php 方式调用文件，新版本通过该文件统一调用 php4 或者 php5 的调用文件，fckeditor_php4.php/fckeditor_php5.php 你可以根据自己服务器使用的情况删减，建议都保留）、fckeditor_php4.php（php4 的调用文件）、fckeditor_php5.php（php5 的调用文件）、fckstyles.xml（样式）、fcktemplates.xml（模板）文件和editor 文件夹。 2、editorlang 目录：存放的是多语言配置文件，因为我们只可能用到 en 和 zh-cn（简体中文）所以，根据我的选择，我删掉
3、其他的语言配置文件。 3、editorskins 界面目录：默认带有三个界面（default：默认界面，加载速度相对较快； office2003：相对 pp 的界面，不过速度确实要慢些；silver：银白色界面，加载速度也相对较快），可以自行决定是否删除其中一两个。 4、editorfilemanagerbrowserdefaultconnectors 目录：存放编辑器所支持的 Web 动态语言，我们以php 为例所以保留 php 目录，test.html 文件可以帮助你查看某语言下的上传设置等（具体上传设置我将在后面的配置作较为详细讲解），可以自行决定是否删除。 5、editorfilema
4、nagerupload 目录：同理。 到此精简完成，你会发现整个编辑器确实“瘦身” 不少，呵呵 基本配置：下面我开始对编辑器进行简单配置（并非每步都必须，可根据自己的需要参考修改）：1、默认语言打开 fckconfig.js 文件（注意此文件是 utf-8 编码哦），找到 FCKConfig.AutoDetectLanguage = true ;（第 56 行）此句作用为自动检测语言，默认为 true，即表示编辑器会根据系统语言自动检测加载相应的语言，我们将其改为 false，不让其检测，然后将 FCKConfig.DefaultLanguage = en;（编辑器默认语言，第 57 行）改为
5、简体中文zh-cn 。 2、字体列表 依然打开 fckconfig.js，因为此编辑器为外国人编写，所以默认不提供中文字体，我们为其加入，找到FCKConfig.FontNames（第 142 行）加入“宋体;楷体_GB2312; 新宋体;黑体;隶书;幼圆;” 其他字体可根据自己需要自行加入。3、文件上传FCKeditor 的文件管理程序在 editor/filemanager/文件夹下，分为浏览（ browser）和上传（upload）两种。“浏览”是指浏览服务器已存在文件并可以选择，也可以上传本地文件至服务器；上传是指快速上传，在窗口中点“上传” 选项，选择本地文件后上传就行，但是不能查看
6、服务器上已有上传文件，相对而言不太方便，只是操作更为快捷。也就是说 FCKeditor 中有一个文件浏览，有两个文件上传，而这些设置是分散在多个文件中，配置相对复杂，下面我大致讲一下：在 FCKeditor 中共有三个文件跟上传功能有关，一个是 js 文件，两个是 php 文件，前者关闭后界面中不出现相关窗口或按钮，后者关闭后相关功能不可用。js 文件即是指的 fckconfig.js 文件，在以前旧版本的 fckconfig.js 中首先你必需开启如下几项：浏览上传功能： CODE: Copy to clipboard FCKConfig.LinkBrowser = true ; /文件 F
7、CKConfig.ImageBrowser = true ; /图片 FCKConfig.FlashBrowser = true ; /Flash快速上传功能： CODE: Copy to clipboard FCKConfig.LinkUpload = true ; /同上 FCKConfig.ImageUpload = true ; /同上 FCKConfig.FlashUpload = true ; /同上即把这几项设为 true，而我们今天使用的 2.4.2 的 fckconfig.js 中默认已经是开启上传开关显示功能的，所以，如果你要将该编辑器作为前台使用（fckeditor 上传
8、漏洞问题一直没有得到较好的改善），考虑到安全性你可能需要关闭文件上传功能，那么你只需要将这几项设置为 false 即可（当然两个 php 文件你也不要开启上传功能哦）。如果你要使用文件上传功能，那么我们继续配置：依然在 fckconfig.js 文件中，fckeditor 对语言默认支持的是 asp，找到以下两句，进行相应修改： var _FileBrowserLanguage = asp ; / asp | aspx | cfm | lasso | perl | php | py（第 182 行）var _QuickUploadLanguage = asp ; / asp | aspx |
9、cfm | lasso | php（第 183 行）我们将其均改为php:var _FileBrowserLanguage = php ; / asp | aspx | cfm | lasso | perl | php | py（第 182 行）var _QuickUploadLanguage = php ; / asp | aspx | cfm | lasso | php在 2.4.2 版本中，我们发现增加了对更多文件后缀名的支持，这个应该是为了解决上传漏洞所作的些许改动，不过作用不大，呵呵*.AllowedExtensions：（其中*号代表：FCKConfig.LinkUpload、FC
10、KConfig.ImageUpload 等）表示允许上传的文件后缀名，为空表示允许所有文件，你可根据自己需要设置上传文件后缀名，一定程度增加安全性，设置的格式可以参考它已有的后缀名设置。*.DeniedExtensions：同上，表示禁止上传的文件后缀名。注：你设置了允许上传的，当然禁止的也就不必要设置了，本人推荐设置允许的，毕竟禁止的后缀名列表不能罗列完全，可能还有很多我们不曾想到的后缀名。对 js 文件的配置到此已经完成，下面我们进行两个 php 文件在上传方面的设置： 文件浏览上传修改： 打开 editorfilemanagerbrowserdefaultconnectorsphpcon
11、fig.php 文件，找到：$ConfigEnabled = false ;（第 28 行）将 false 改为 true，即允许上传。$ConfigUserFilesPath = /userfiles/ ;（第 32 行）为定义上传目录，可根据自己情况进行修改，我将其改为 upload 目录。 注：注意 FCKeditor 是不支持虚拟目录的，你的所有路径都是针对网站根目录的绝对路径。 文件快速上传修改： 打开文件 editorfilemanageruploadphpconfig.php 文件，找到$ConfigEnabled = false ;（第 28 行）将 false 改为 true
12、。 $ConfigUserFilesPath = /UserFiles/ ;（第 35 行）同“ 文件浏览上传” 的上传目录。 $ConfigUseFileType = false ; （第 32 行）改为 true，不然上传文件不会放在上传目录中 在该文件中，还有一项：$ConfigUserFilesAbsolutePath = ;（第 41 行）这项的作用是设定上传的绝对路径，比如，你想指定上传文件到 D:/Web/upload/下，你可以指定它的值为你的绝对路径，注意，如果你指定了该值，那你也要对$ConfigUserFilesPath = /UserFiles/ ;作相同的设置。到此上
13、传基本配置已经完成，整个编辑器最基本的配置也已经结束了，你可以通过下列代码对其进行调用测试了：CODE: BasePath = $BasePath;$oFCKeditor-Value = test; / 设置表单初始值 / 还可设置以下部分（“=” 包含部分），并非必须：/=/$oFCKeditor-Width = 100%; / 编辑器宽度，类中有默认值，如果不想修改可不管此项$oFCKeditor-Height= 300; / 同 width，此处为高$oFCKeditor-ToolbarSet $oFCKeditor-ToolbarSet = JayLiao; / 默认编辑器工具栏有 B
14、asic（基本工具）和 Default（所有工具）两种选择，JayLiao 为本人自定义的工具条，如有需要可参考后文中的说明新建或修改工具条 $oFCKeditor-ConfigSkinPath = /fckeditor/editor/skins/office2003/; / 设置编辑器皮肤/=/$oFCKeditor-Create(); / 调用类中方法，必须?赶紧测试一下吧，是不是很激动，终于可以看到这个强大的编辑器了，呵呵。不过，马上你会发现在上传以中文命名的文件时会出现乱码，这到底是怎么回事呢？呵呵，不怕，下面我们就对其进行简单修改问题很快就解决的：我们为上传文件以时间+随机数作为其新
15、名字，打开：editorfilemanageruploadphpupload.php ，找到：CODE: 替换为：哈哈，你会发现“快速上传”的乱码已经解决，就这么简单，高兴之余不要忘了，同样，还需要修改 “浏览”的上传，修改文件：editorfilemanagerbrowserdefaultconnectorsphpcommands.php，修改内容同上。另：你上传的中文文件不做以上命名修改可能在服务器上并非乱码，如果你只是为了在浏览的时候让编辑器正确显示该类文件名，那你可以作如下修改，打开：editorfilemanagerbrowserdefaultconnectorsphputil.php，修改 ConvertToXmlAttribute 函数，将：return utf8_encode( htmlspecialchars( $
