ASP.NET中配置FCKeditor及CKFinder的详细步骤

ASP.NET环境下配置FCKEditor并上传图片及其它文件 
FCKEditor于2009年被更名为新一代的CKEditor和CKFinder，见http://ckeditor.com/。只是本来是一个的产品 （FCKEditor）现在变成了两个（CKEditor + CKFinder），如果要上传文件到服务器上，最新版本的CKEditor + CKFinder要结合使用才能提供编辑界面及搜索文件界面，所以还是暂时用老版本的FCKEditor吧，老版本经过这么多年的历练，稳定性应该没得说 了。

知道FCKEditor的，就不能算是菜鸟了，所以这里也不多谈它是个什么东东，也不多谈它 与其它在线html编辑器的对比（有时间的话，发一个适合于ASP.NET环境的主流在线html编辑器对比的博客，不过现在请相信：FCKEditor 这个当前名列第一的在线html编辑器的确是货真价实。）

下边，详细地说明FCKEditor在ASP.NET环境下的配置，并如何设定它可以上传文 件。注意，请严格按照说明配置，代码可以复制完成，如果你在看完本博客还是完成不了FCKEditor的配置，请在下边评论中留言，说明情况，博主帮助你 解决，甚至可以把博主自己配置好的环境给你发到邮箱里（当然，你要在这个博客纸条里提供你的邮箱）。当然还是建议自己配置好，因为用这个工具的都是网站开 发人员，如果按说明连这个都拿不下来，何谈开发？

笔者使用的环境是XP3、SQL SERVER EXPRESS 2008、VS2008（C#），注意它同样适用VS2005及Visual Web Developer这些环境，只要是.NET FRAMEWORK 2.0以上即可

 

1、FCKEditor版本

当前FCKEditor的最新版本是FCKEditor2.6.5，笔者没有采用最新的 CKEditor + CKFinder组合。

 

2、FCKEditor下载

到http://ckeditor.com/download下 载，下载两个压缩文件，分别是FCKeditor_2.6.5.zip 和FCKeditor.Net 2.6.3.zip，注意不要下载网页最上边的那个CKEditor 3.1文件，本博文不用这个版本。

FCKeditor_2.6.5.zip是FCKEditor的页面运行文 件，FCKeditor.Net 2.6.3.zip是为ASP.NET环境制作的一个控件，最重要的就是里边那个.dll文件（后边会谈到）

 

3、FCKEditor解压及安装

最好新建一个网站进行配置，完成后，再对已经建成的ASP.NET网站配置，比如测试本博文 的工作情况，笔者建立了一个网站，目录为F:\web。解压FCKeditor_2.6.5.zip 至网站根目录下的fckeditor中，比如笔者的网站根目录是F:\web，则将这个压缩文件解压到 F:\web\fckeditor 内（注意实际解压时，会是像这样的目录 FCKeditor_2.6.5\fckeditor，把fckeditor这个目录复制到网站根目录下即可）；解压另外一个压缩文件 FCKeditor.Net 2.6.3.zip 到任意目录，注意把目录FCKeditor.Net 2.6.3\bin\Release\2.0 下的文件（只有这一个文件）FredCK.FCKeditorV2.dll 复制到网站根目录下的 \bin\ 目录内，按笔者的网站，就应该是 F:\web\bin 内。如果你这个网站是刚刚建立的网站，bin目录可能不存在，手工建立一个即可，注意保证目录名拼写正确。这个 .dll 文件是专门为asp.net 制作的一个控件。在VS2008右边解决方案资源管理器内点击“刷新”工具按钮（右边数第2个），保证在根目录下的 bin 目录内可以看到刚才复制的 .dll 文件。

 

4、建立FCKEditor控件

在VS2008左边工具箱内右击，点击快捷菜单中的“选择项...”，在“选择工具箱项”对 话框中，点击“浏览”按钮，找到第3步你复制到 bin 目录内的 .dll 文件，点击“打开”，再点击“确定”；再看工具箱最下部的“常规”选项卡下，新添加了一个FCKEditor控件，添加成功。注意现在不要往网页上拖放， 因为还没有配置好，即使把它拖放上去，也不能用。

 

 5、在VS2008环境中进入fckeditor目录，打开fckconfig.js文 件，找到两行代码：

var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py

将它们改成：

var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py

可以看出这个里边有许多语言的选项，默认的是asp, 我们现在已经改成了aspx（红色是要改的地方）

 

6、在网站根目录下建立一个 Test.aspx 网页，复制下边一行代码

<%@ Register TagPrefix="FCKeditorV2" Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2" %>

把它粘贴到Test.aspx页面源代码 <%@ Page Language="C#" ... 那一行下边（就是粘贴到第二行）；

然后再复制下边四行代码

<form id="Form1" method="post" runat="server">