FCK最新版本下载与配置.docx

1、FCK最新版本下载与配置FCK最新版本下载与配置FCKeditor相关资料简介: 官方网站官方文档下载地址官方演示下载FCKeditor2.6.4zip是其最新的Javascript文件和图片等;FCKeditor.NET.zip是一个ASP.NET控件DLL文件。 启用VS新建一个C#的WEB Site工程，取名FCKPro。 FCKeditor安装: 所谓安装就是一个简单的拷贝过程。把下载的FCKeditor2.6.4.zip文件包直接解压缩到FCKPro的根目录下，这样根目录下就得到一个FCKeditor文件夹，里面富含所有FCKeditor的核心文件。 然后把下载的FCKeditor.

2、Net.zip随便解压缩到你硬盘的一个空目录，里面是FCKeditor.Net的源代码，你可以对它进行再度开发，我们只是直接使用其目录下的binDebug目录中的FredCK.FCKeditorV2.dll文件。 在VS中添加对FredCK.FCKeditorV2.dll的引用: 1.在FCKPro工程浏览器上右键，选择添加引用(Add Reference)，找到浏览(Browse)标签，然后定位到你解压好的FredCK.FCKeditorV2.dll，确认就可以了。这时，FCKPro工程目录下就多了一个bin文件夹，里面包含FredCK.FCKeditorV2.dll文件。当然，你也可以完全

3、人工方式的来做，把FredCK.FCKeditorV2.dll直接拷贝到FCKProbin下面，VS在编译时会自动把它编译进去的。 2.为了方便RAD开发，我们把FCKeditor控件也添加到VS的工具箱(Toolbox)上来，展开工具箱的常用标签组(General)，右键选择组件(Choose Items)，在对话框上直接找到浏览按钮，定位FredCK.FCKeditorV2.dll，然后确认就可以了。这时工具箱呈现出控件的样子，这样会省去很多在开发时使用FCKeditor控件时要添加的声明代码。 至此，你已经完成了FCKeditor的安装，并可以在你的项目中使用FCKeditor了，当然后

4、面还有很多需要配置的东西。 FCKeditor详细的设置: 进入FCKeditor文件夹，编辑fckconfig.js文件。 1、此步骤是必须的，也是最重要的一步。 修改 var _FileBrowserLanguage=asp;/asp|aspx|cfm|lasso|perl|php|py /asp|aspx|cfm|lasso|php var _QuickUploadLanguage=asp;改为 var _FileBrowserLanguage=aspx;/asp|aspx|cfm|lasso|perl|php|py var _QuickUploadLanguage=aspx;/asp|

5、aspx|cfm|lasso|php 2、配置语言包。有英文、繁体中文等，这里我们使用简体中文。 修改 FCKConfig.DefaultLanguage=en; 为 FCKConfig.DefaultLanguage=zh-cn; 3、配置皮肤。有default、office2003、silver风格等，这里我们可以使用默认。 FCKConfig.SkinPath=FCKConfig.BasePath+skins/default/; 4、在编辑器域内可以使用Tab键。(1为是，0为否) FCKConfig.TabSpaces=0;改为FCKConfig.TabSpaces=1; 5、加上几种

6、我们常用的字体的方法，例如: 修改 FCKConfig.FontNames=Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana; 为 FCKConfig.FontNames=宋体;黑体;隶书;楷体;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana 6、编辑器域内默认的显示字体为12px，想要修改可以通过修改样式表来达到要求，打开/editor/css/fck_editorarea.css，修改font-size属性即可。如font-size:14

7、px; 7、关于安全性。 如果你的编辑器用在网站前台的话，那就不得不考虑安全了，在前台千万不要使用Default的toolbar，要么自定义一下功能，要么就用系统已经定义好的Basic，也就是基本的toolbar， 修改 FCKConfig.ToolbarSetsBasic= Bold,Italic,-,OrderedList,UnorderedList,-,Link,Unlink,-,About 为 FCKConfig.ToolbarSetsBasic= Bold,Italic,-,OrderedList,UnorderedList,-,Unlink,-,Style,FontSize,Tex

8、tColor,BGColor,-,Smiley,SpecialChar,Replace,Preview ; 这是我改过的Basic，把图像功能去掉，把添加链接功能去掉，因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件，要是这儿不改直接给你上传个木马还不马上玩完? 当然也可以配置一下WebConfig,也能让它确保安全，接下来我们将讲到。 FCKPro工程项目的设置: 1、配置WebConfig，在appSettings节点添加，如下所示: appSettings add key=FCKeditor:BasePathvalue=/项目名称/fckeditor/ /Win

9、2003下，Files目录一定要有IIS_WPG用户的写权限，否则可能无法上传 add key=FCKeditor:UserFilesPathvalue=/项目名称/Files/ /appSettings 说明:BasePath是fckeditor所在路径，fckeditor由于我们直接放网站目录下这样写就可以，如果您的网站多放几层适当调整即可。UserFilesPath是所有上传的文件的所在目录。我们新建了一个Files文件夹放在了项目中做为上传文件的所在目录，这里为了方便，但由于考虑到安全性，我们建议Files要单独做wwwroot目录下的一个站点比较好，和我们的站点FCKEditor平行

10、。不要把它放FCKEditor里，为什么呢?因为Files是要让客户有写的权限的，如果放FCKEditor下很危险。Files目录要有写的权限。你根据自己网站需求设置那个帐号，本文为方便设置User实际中你可能用ASP.NET帐号更合理。 2、在FCKpro工程项目中编写一个最简单的页面 %Page Language=C#AutoEventWireup=trueCodeFile=Default.aspx.csInherits=_DefaultvalidateRequest=false% %Register Assembly=FredCK.FCKeditorV2Namespace=FredCK.

11、FCKeditorV2TagPrefix=FCKeditorV2% /这里要主要两个参数 /默认为%Page Language=C#AutoEventWireup=trueCodeFile=Default.aspx.csInherits=_Default% /我们要添加一个参数validateRequest=false，否则提交带html代码的内容会报错 /从客户端(.)中检测到有潜在危险的Request.Form值。 DOCTYPE html PUBLIC-/W3C/DTD XHTML 1.0 Transitional/EN html xmlns= head runat=server tit

12、le无标题页/title /head body form id=form1runat=server div FCKeditorV2:FCKeditor ID=FCKeditor1runat=server /FCKeditorV2:FCKeditor /div /form /body /html 如何获取其内容呢?读取FCKeditor1控件的Value属性值即可。 FCKEditor 2.6的问题: 1.FCKeditor出现this connector is disabled Please check theeditor/filemanager/connectors/aspx/config.

13、aspx错误的解决办法 打开editor/filemanager/connectors/aspx/config.ascx修改CheckAuthentication()方法，返回true C#code view plaincopy to clipboardprint?allowing are you so,doing By?true?.return simply NOT DO:WARNING implement must You server.your in files the list and upload to?anyone?as return the to?IsAuthorized?Ses

14、sionas soon?true?set is where.your in system.logs user LI 2.在上传文件窗口点击浏览服务器，会出现the server didnt send back aproper xml.错误提示，因为后期版本的FCKEditor要求不同类型的文件分别传到不同的目录，包括file,image,falsh,media等目录，一定要先建立起来。 FCKeditor精简版的制作方法 进入FCKeditor文件夹，把所有_开头的文件和文件夹删掉，这些都是一些范例，只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyle

15、s.xml、fcktemplates.xml就可以了; 进入editor文件夹，删掉_source文件夹，里面放的同样是源文件; 退回上一级目录进入filemanager文件夹，有browser和upload两个文件夹。进入browserdefaultconnectors，只保留aspx文件夹，其余的删掉;mcpuk目录亦可删除;upload也一样，只保留aspx文件夹; 退到editor再进入images文件夹，smiley里面放的是表情图标，有msn和fun两个系列，如果你想用自己的表情图标，可以把它们都删除;如果你想用这里的表情图标那就不要删了; lang里面放的是语言包，如果只是用简体

16、中文，那么只保留fcklanguagemanager.js、zh-cn.js两个文件就行了，建议也保留en.js(英文)、zh.js(繁体中文)两个文件，fcklanguagemanager.js是语言配置文件，有了它才能和fckconfig.js里的设置成对，对应上相应的语言文件，一定要保留 再退出lang文件夹，进入skins文件夹，如果你想使用FCKeditor默认的奶黄色，那就把除了default文件夹外的另两个文件夹直接删除，如果想用别的，那就看你自己的喜好了。 至此，文件精简完毕，由原来的2.55M变成现在的797K了。接着修改设置。 一、自定义FCKeditor的BasePath

17、BasePath即FCKeditor在网站中的相对路径，默认值是/fckeditor/，最好在Web.config appSettings中对其进行配置:add key=FCKeditor:BasePathvalue=/FCKeditor_2.6.3/ 这样做有诸多优点: 开发环境与生产环境不同，开发环境一般是这种情况下FCKeditor就得放在一个虚拟目录中，若涉及多个网站的开发，而各网站的FCKeditor有差别时，这样显然不是最优; 而且因为物理目录结构与逻辑目录结构不同，也会有发生错误的隐患; 而如果采用Web.config的配置，就可以在开发环境采用不同的配置，FCKeditor的物

18、理路径与生产环境保持一致;当升级FCKeditor时，只需要将新版本的FCKeditor放在相应版本号的目录里，修改一下配置即可。这样可以解决因为静态资源的客户端缓存问题，不同用户出现不同的错误的问题;可以直观地看到自己的FCKeditor的版本号。 二、配置文件上传的目录 FCKeditor的文件上传(如图片上传)目录可以通过Web.config appSettings进行配置，如: add key=FCKeditor:UserFilesPathvalue=/UploadFile/FCKeditor/ 也可以在/FCKeditorBasePath/editor/filemanager/con

19、nectors/aspx/config.ascx中进行配置，但我建议FCKeditor目录中的内容能不改就不改(fckconfig.js除外)，这样日后升级可以放心地替换即可。 三、自定义文件上传的子目录的格式 我们知道，一个文件夹下面不能存放过多的文件(据称Windows下面的目录下2000为阈值)，否则对该目录的访问会严重影响I/O性能。而FCKeditor的文件存储是在单一的一个目录进行的。我对FCKeditor进行了扩展，可以在Web.config appSettings对存储目录的格式自定义，如: add key=FCKeditor:FolderPatternvalue=%y/%m-

20、%d/ 以今天的日期为例:这样产生的文件上传子目录格式为:2008/10-21/。年月日格式的目录可以随意组合，如: add key=FCKeditor:FolderPatternvalue=%y/%m/%d/ 这样产生的文件上传子目录变成了2008/10/21/ 参考: %y代表当前时间的年份%m代表当前时间的月份%d代表当前时间的日 四、自定义文件上传的文件名格式 FCKeditor对文件名的处理规则是:如果当前目录下没有重名文件，则上传后的文件名与用户PC上的文件名一致;若存在n个重名文件，则加入用户PC上的文件名是Example.xxx，上传后的文件名变为:Example(n).xxx

21、 我的项目里要求对用户上传的文件名变成Guid的格式，所以我对FCKeditor也做了扩展，在Web.config appSettings可以对上传后文件的格式自定义，如: add key=FCKeditor:FilenamePatternvalue=%guid.%extl/ 这样的文件名如:a299e63a-7d2d-493d-bbb9-99162ef5b6b8.gif 参考: %guid代表一个新的guid字符串%fnl代表源文件名的小写%fnu代表源文件名的大写%extl代表源文件扩展名的小写%extu代表源文件扩展名的大写 五、对上传图片进行缩放处理 用到FCKeditor图片上传功能

22、的场景中，很多是内容的发表。内容中往往不需要几千像素大小的图片，比如我的项目中，文章区域最宽也就560像素，所以我做了一个扩展，在Web.config appSettings中可以对图片的最大宽度进行自定义: add key=FCKeditor:MaxWidthOfUploadedImgvalue=560/ 有了这段配置，上传后的图片的宽度都控制在了560像素及以内 六、自定义上传后图片URL中的域名为了加快页面的渲染，我们可以把图片等静态资源放在一个独立的域名当中。但FCKeditor默认的图片上传后URL是相对路径,如:/fck/2008-03-01/1.jpg: 我增加了这个扩展，在We

23、b.config appSettings可以配置上传后图片URL的域名，如: add key=FCKeditor:UploadedFilesDomainvalue=图片地址就变成绝对地址了,形式如:http: 七、解决上传文件名含有中文的文件时提示invalid file type的问题 这个问题只需要在Web.config中增加一段配置即可解决: location path=FCKeditor_2.6.3/editor/filemanager/connectors/aspx/upload.aspxsystem.web globalization requestEncoding=utf-8re

24、sponseEncoding=gb2312/system.web/location 注意: responseEncoding是网站的默认编码FCKeditor_2.6.3是FCKeditor的BasePath 八、FCKeditor的安全性 在FCKeditor的2.3.2版本里，曾有一个漏洞，可以通过/editor/filemanager/browser/default/connectors/aspx/connector.aspx往服务器上传任意文件，我的网站就曾经中招。 2.6.3虽然暂未发现类似的问题，但一般情况下用不到的文件最好还是删除比较好: FCKeditor BasePath根目

25、录中除了保留:/editor/fckconfig.js/fckpackager.xml/fckstyles.xml/fcktemplates.xml/license.txt外，全部删除/editor/filemanager/中除了保留:/connectors/aspx/config.ascx/connectors/aspx/upload.aspx外，全部删除删除/editor/_source/editor/filemanager/connectors/aspx/config.ascx的CheckAuthentication()方法中，增加验证用户是否登录的逻辑七乐无穷，尽在新浪新版博客，快来体验啊请点击进入