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.Net.zip随便解压缩到你硬盘的一个空目录，里面是FCKeditor.Net的源代码，你可以对它进行再度开发，我们只是直接使用其目录下的"bin"Debug目录中的FredCK.FCKeditorV2.dll文件。 在VS中添加对FredCK.FCKeditorV2.dll的引用: 1.在FCKPro工程浏览器上右键，选择添加引用(Add Reference…)，找到浏览(Browse)标签，然后定位到你解压好的FredCK.FCKeditorV2.dll，确认就可以了。这时，FCKPro工程目录下就多了一个bin文件夹，里面包含FredCK.FCKeditorV2.dll文件。当然，你也可以完全人工方式的来做，把FredCK.FCKeditorV2.dll直接拷贝到FCKPro"bin"下面，VS在编译时会自动把它编译进去的。 2.为了方便RAD开发，我们把FCKeditor控件也添加到VS的工具箱(Toolbox)上来，展开工具箱的常用标签组(General)，右键选择组件(Choose Items…)，在对话框上直接找到浏览按钮，定位FredCK.FCKeditorV2.dll，然后确认就可以了。这时工具箱呈现出控件的样子，这样会省去很多在开发时使用FCKeditor控件时要添加的声明代码。 至此，你已经完成了FCKeditor的安装，并可以在你的项目中使用FCKeditor了，当然后面还有很多需要配置的东西。 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|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、加上几种我们常用的字体的方法，例如: 修改 FCKConfig.FontNames='Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'; 为 FCKConfig.FontNames='宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' 6、编辑器域内默认的显示字体为12px，想要修改可以通过修改样式来达到，打开/editor/css/fck_editorarea.css，修改font-size属性即可。如font-size:14px; 7、关于安全性。 如果你的编辑器用在网站前台的话，那就不得不考虑安全了，在前台千万不要使用Default的toolbar，要么自定义一下功能，要么就用系统已经定义好的Basic，也就是基本的toolbar， 修改 FCKConfig.ToolbarSets["Basic"]=[ ['Bold','Italic','-','OrderedList','UnorderedList','- ','Link','Unlink','-','About'] 为 FCKConfig.ToolbarSets["Basic"]=[ ['Bold','Italic','-','OrderedList','UnorderedList','- ','Unlink','-','Style','FontSize','TextColor','BGColor','- ','Smiley','SpecialChar','Replace','Preview'] ]; 这是我改过的Basic，把图像功能去掉，把添加链接功能去掉，因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件，要是这儿不改直接给你上传个木马还不马上玩完? 当然也可以配置一下WebConfig,也能让它确保安全，接下来我们将讲到。 FCKPro工程项目的设置: 1、配置WebConfig，在appSettings节点添加，如下所示: appSettings add key="FCKeditor:BasePath"value="/项目名称/fckeditor/"/ //Win2003下，Files目录一定要有IIS_WPG用户的写权限，否则可能无法上传 add key="FCKeditor:UserFilesPath"value="/项目名称/Files/"/ /appSettings 说明:BasePath是fckeditor所在路径，fckeditor由于我们直接放网站目录下这样写就可以，如果您的网站多放几层适当调整即可。UserFilesPath是所有上传的文件的所在目录。我们新建了一个Files文件夹放在了项目中做为上传文件的所在目录，这里为了方便，但由于考虑到安全性，我们建议Files要单独做wwwroot目录下的一个站点比较好，和我们的站点FCKEditor平行。不要把它放FCKEditor里，为什么呢?因为Files是要让客户有写的权限的，如果放FCKEditor下很危险。Files目录要有写的权限。你根据自己网站需求设置那个帐号，本文为方便设置User实际中你可能用ASP.NET帐号更合理。 2、在FCKpro工程项目中编写一个最简单的页面 %@Page Language="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits ="_Default"validateRequest="false"% %@Register Assembly="FredCK.FCKeditorV2"Namespace="FredCK.FCKeditorV2"TagPrefix= "FCKeditorV2"% //这里要主要两个参数 //默认为%@Page Language="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits ="_Default"% //我们要添加一个参数validateRequest=false，否则提交带html代码的 内容会报错 //从客户端(.)中检测到有潜在危险的Request.Form值。 ～DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"" html xmlns=" head runat="server" title无标题页/title /head body form id="form1"runat="server" div FCKeditorV2:FCKeditor ID="FCKeditor1"runat="server" /FCKeditorV2:FCKeditor /div /form /body /html 如何获取其内容呢?读取FCKeditor1控件的Value属性值即可。 FCKEditor 2.6的问题: 1.FCKeditor出现"this connector is disabled Please check the"editor/filemanager/connectors/aspx/config.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?Session[as soon?true?set is where.your in system.logs user LI 2.在上传文件窗口点 击浏览服务器，会出现the server didn't send back aproper xml.错误提示， 因为后期版本的FCKEditor要求不同类型的文件分别传到不同的目录，包括 file,image,falsh,media等目录，一定要先建立起来。 FCKeditor精简版的制作方法 进入FCKeditor文件夹，把所有"_"开头的文件和文件夹删掉，这些都是一 些范例，只保留editor文件夹、fckconfig.js、fckeditor.js、 fckstyles.xml、fcktemplates.xml就可以了; 进入editor文件夹，删掉"_source"文件夹，里面放的同样是源文件; 退回上一级目录进入filemanager文件夹，有browser和upload两个文件 夹。进入browser"default"connectors，只保留aspx文件夹，其余的删掉; mcpuk目录亦可删除;upload也一样，只保留aspx文件夹; 退到editor再进入images文件夹，smiley里面放的是表情图标，有msn 和fun两个系列，如果你想用自己的表情图标，可以把它们都删除;如果你想 用这里的表情图标那就不要删了; lang里面放的是语言包，如果只是用简体中文，那么只保留 fcklanguagemanager.js、zh-cn.js两个文件就行了，建议也保留en.js(英文)、 zh.js(繁体中文)两个文件，fcklanguagemanager.js是语言配置文件，有了它才能和fckconfig.js里的设置成对，对应上相应的语言文件，一定要保留～ 再退出lang文件夹，进入skins文件夹，如果你想使用FCKeditor默认的奶黄色，那就把除了default文件夹外的另两个文件夹直接删除，如果想用别的，那就看你自己的喜好了。 至此，文件精简完毕，由原来的2.55M变成现在的797K了。接着修改设置。 一、自定义FCKeditor的BasePathBasePath即FCKeditor在网站中的相对路径，默认值是/fckeditor/，最好在Web.config appSettings中对其进行配置:add key="FCKeditor:BasePath"value="/FCKeditor_2.6.3/"/ 这样做有诸多优点: 开发环境与生产环境不同，开发环境一般是这种情况下FCKeditor就得放在一个虚拟目录中，若涉及多个网站的开发，而各网站的FCKeditor有差别时，这样显然不是最优; 而且因为物理目录结构与逻辑目录结构不同，也会有发生错误的隐患; 而如果采用Web.config的配置，就可以在开发环境采用不同的配置，FCKeditor的物理路径与生产环境保持一致;当升级FCKeditor时，只需要将新版本的FCKeditor放在相应版本号的目录里，修改一下配置即可。这样可以解决因为静态资源的客户端缓存问题，不同用户出现不同的错误的问题;可以直观地看到自己的FCKeditor的版本号。 二、配置文件上传的目录 FCKeditor的文件上传(如图片上传)目录可以通过Web.config appSettings进行配置，如: add key="FCKeditor:UserFilesPath"value="/UploadFile/FCKeditor/"/ 也可以在 /FCKeditorBasePath/editor/filemanager/connectors/aspx/config.ascx中 进行配置，但我建议FCKeditor目录中的内容能不改就不改(fckconfig.js除外)，这样日后升级可以放心地替换即可。 三、自定义文件上传的子目录的格式 我们知道，一个文件夹下面不能存放过多的文件(据称Windows下面的目录下2000为阈值)，否则对该目录的访问会严重影响I/O性能。而FCKeditor的文件存储是在单一的一个目录进行的。我对FCKeditor进行了扩展，可以在 Web.config appSettings对存储目录的格式自定义，如: add key="FCKeditor:FolderPattern"value="%y/%m-%d/"/ 以今天的日期为例:这样产生的文件上传子目录格式为:2008/10-21/。年月日格式的目录可以随意组合，如: add key="FCKeditor:FolderPattern"value="%y/%m/%d/"/ 这样产生的文件上传子目录变成了2008/10/21/ 参考: %y代表当前时间的年份%m代表当前时间的月份%d代表当前时间的日 四、自定义文件上传的文件名格式 FCKeditor对文件名的处理规则是:如果当前目录下没有重名文件，则上传后的文件名与用户PC上的文件名一致;若存在n个重名文件，则加入用户 PC上的文件名是Example.xxx，上传后的文件名变为:Example(n).xxx 我的项目里要求对用户上传的文件名变成Guid的格式，所以我对 FCKeditor也做了扩展，在Web.config appSettings可以对上传后文件的格式自定义，如: add key="FCKeditor:FilenamePattern"value="%guid.%extl"/ 这样的文件名如:a299e63a-7d2d-493d-bbb9-99162ef5b6b8.gif 参考: %guid代表一个新的guid字符串%fnl代表源文件名的小写%fnu代表源文 件名的大写%extl代表源文件扩展名的小写%extu代表源文件扩展名的大写 五、对上传图片进行缩放处理 用到FCKeditor图片上传功能的场景中，很多是内容的发表。内容中往往 不需要几千像素大小的图片，比如我的项目中，文章区域最宽也就560像素， 所以我做了一个扩展，在Web.config appSettings中可以对图片的最大宽度进 行自定义: add key="FCKeditor:MaxWidthOfUploadedImg"value="560"/ 有了这段配置，上传后的图片的宽度都控制在了560像素及以内 六、自定义上传后图片URL中的域名为了加快页面的渲染，我们可以把图 片等静态资源放在一个独立的域名当中。但FCKeditor默认的图片上传后URL 是相对路径,如:/fck/2008-03-01/1.jpg: 我增加了这个扩展，在Web.config appSettings可以配置上传后图片URL 的域名，如: add key="FCKeditor:UploadedFilesDomain"value="图片地址就变成绝对 地址了,形式如::http:www.aa.com/fck/2008-03-01/1.jpg 七、解决上传文件名含有中文的文件时提示"invalid file type"的问题 这个问题只需要在Web.config中增加一段配置即可解决: location path="FCKeditor_2.6.3/editor/filemanager/connectors/aspx/upload.aspx" system.web globalization requestEncoding="utf-8"responseEncoding="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根目录中除了保留: /editor/fckconfig.js/fckpackager.xml/fckstyles.xml/fcktemplates.xml/l icense.txt外，全部删除/editor/filemanager/中除了保留: /connectors/aspx/config.ascx/connectors/aspx/upload.aspx外，全部删除删除/editor/_source//editor/filemanager/connectors/aspx/config.ascx 的CheckAuthentication()方法中，增加验证用户是否登录的逻辑"七"乐无穷，尽在新浪新版博客，快来体验啊~请点击进入~