FCKeditor的安装和配置。

 

结合一个ASP.NET 2.0的项目来具体看看FCKeditor的安装、配置。在开始之前请先下载FCKeditor文件包和FCKeditor.Net 服务器控件。启用VS2005新建一个C#的WEB Site工程，取名code。将code文件夹，收放在：C:/Inetpub/wwwroot/目录下了。

FCKeditor.Net_2.6.3.zip&&&FCKeditor_2.6.3.zip：可以去官方网站下载。

FCKeditor安装：

所谓安装就是一个简单的拷贝过程。

把下载的FCKeditor_2.2.zip文件包直接解压缩到code的根目录下，这样根目录下就得到一个FCKeditor文件夹，里面包含所有FCKeditor的核心文件。

然后把下载的FCKeditor.Net_2.2.zip随便解压缩到你硬盘的一个空目录，里面是FCKeditor.Net的源代码（基于.NET1.1的C#工程），你可以用VS2003来对它进行再度开发，本文尚不涉及本内容，我们只是直接使用FCKeditor.Net工程目录下的/bin/Release目录中的FredCK.FCKeditorV2.dll文件。

在VS2005中添加对FredCK.FCKeditorV2.dll的引用：

1.在code工程浏览器上右键，选择添加引用（Add Reference…），找到浏览(Browse)标签，然后定位到你解压好的FredCK.FCKeditorV2.dll，确认就可以了。这时，code工程目录下就多了一个bin文件夹，里面包含FredCK.FCKeditorV2.dll文件。当然，你也可以完全人工方式的来做，把FredCK.FCKeditorV2.dll直接拷贝到code/bin/下面，VS2005在编译时会自动把它编译进去的。

2.为了方便RAD开发，我们把FCKeditor控件也添加到VS的工具箱（Toolbox）上来，展开工具箱的常用标签组（General），右键选择组件（Choose Items…），在对话框上直接找到浏览按钮，定位FredCK.FCKeditorV2.dll，然后确认就可以了。这时工具箱呈现：我的经验告诉我，这样会省去很多在开发时使用FCKeditor控件时要添加的声明代码。

至此，你已经完成了FCKeditor的安装，并可以在你的项目中使用FCKeditor了，当然后面还有很多需要配置的东西。

FCKeditor在ASP.NET2.0 Web项目中的配置：

现在，我开始来把FCKeditor应用在我们的项目中。打开Default.aspx，切换到设计模式（Design），把FCKeditor控件从工具箱上拖动下来，在Default页上你就可以看到这个FCKeditor了，不过这时只能看到一个FCKeditor的站位框，不会看到运行时的效果，鼠标选中FCKeditor1后，在属性（Property）面板上可以设置这个FCKeditor对象的一些基本属性。比较重要的是BasePath属性，如果先前FCKeditor就定在了WEB Site工程code根目录的fckeditor下，就设置成~/fckeditor/，如果是别的目录名就换成相应的值（注意：控件默认值是/fckeditor/，因为我们使用的是服务器控件设置了runat="server"属性所以要显式的声明BasePath="~/fckeditor/"）。把Default.aspx切换到源代码模式（Source），我们可以看到IDE自动生成了两段代码：

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

<FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" BasePath="~/fckeditor/" AutoDetectLanguage="false" DefaultLanguage="zh-cn"></FCKeditorV2:FCKeditor>

如果当初没有把FCKeditor添加到工具箱上，那么应该在添加引用后自己手动来添加这些代码。

在源代码模式下，把鼠标点在FCKeditorV2:FCKeditor标签内容上，它会加粗显示，这时属性面板上显示出了FCKeditor服务器控件的全部属性，比在设计模式时多出了许多。

以上属性和事件的使用就不赘述了，请先自行摸索一下。需要说明的是FCKeditor2.2的fckconfig.js和2.0版本的有了较大改进，体积更小，配置方式也更加灵活，具体请自行下载比较。

针对这个示例我配置的代码如下：

<FCKeditorV2:FCKeditor

ID="FCKeditor1"

runat="server"

AutoDetectLanguage="false"

DefaultLanguage="zh-cn"

BasePath="~/FCKeditor/">

</FCKeditorV2:FCKeditor>

好，现在运行一下这个页面，允许修改Web.Config（这样IDE会自动在工程下添加一个Web.Config文件）。看到效果了吧！

有人会问：怎么得到一个HTTP Error 404 - Not Found.的错误呢？得到这个错误一般是BasePath没有设置正确，参看上述提到的BasePath注意事项仔细检查！

到了这里，FCKeditor的配置并没有真正的完成，因为它里面的一个强大功能我们还没正确配置：文件上传。

在Default.aspx的运行模式下，点FCKeditor的“插入/编辑图像”（又或者是Flash）功能，在弹出框点“浏览服务器”，又弹出一个对话框，此时随即出现的是一个错误提示框XML request error: Forbidden(403).

得到这样的错误有Web开发经验的都知道403应该是读写权限的问题。可是为什么呢？原因在于没有配置UserFiles路径。

我们在Code根目录下，新建一个空目录uploads。连同BasePath的设置通常的做法是这样的：

打开code工程的Web. Config文件，修改appSettings元素，配置如下：

     <appSettings>

         <add key="FCKeditor:BasePath" value="~/fckeditor/"/>

         <add key="FCKeditor:UserFilesPath" value="/code/uploads"/>

     </appSettings>

设置了FCKeditor:BasePath后就不用再每次使用FCKeditor实例时指定BasePath属性了，FCKeditor:UserFilesPath则是制定我们所有上传的文件的所在目录。你也许会问为什么要设置成/code/uploads这样而不是~/uploads，因为FCKeditor使用这个值来返回你上传后的文件的相对路径到客户端，~/uploads的形式是ASP.NET在服务可以编译解释的，但是在客户端的静态就不懂这是什么了。如果使用~/uploads后，那么所有上传文件的返回路径都是~/uploads形式的，你就会得到这样的链接http:// ~/uploads /Image/logo.gif这样的链接解果就是路径为找到。所以才要我们上述那样设置，这是在开发阶段，如果在工程完成后发布时请记住把/code/uploads改成/uploads，道理不说大家也明白，开发阶段VS2005在运行项目时的URL是http://localhost/项目名称/的形式，发布后在Server上建立站点，跟路径就是http://www.abc.com/的形式了，所以发布后一定要改过来。这些地方是在使用FCKeditor2.2+ASP.NET2.0时经常发错误而又莫名其所云的地方。

先不要高兴，这个上传的功能至此还差最关键的一步。在FCKeditor所在根目录下（code/fckeditor/）找到fckconfig.js文件，用文本编辑器打开，找到：

 

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

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

 

把这两行赋值代码的值由asp改成aspx，保存关闭这个文件。

好了，大功告成了！在此运行Code项目，使用浏览服务器功能，OK了吧？

遇到的问题：

1.文件上传功能遇到 XML request error: Internal Server Error(500) 错误的解决办法。

遇到500内部错误是怎么回事呢？

因为ASP.NET2.0新增了Theme功能，所以如果在你的工程中你对Web.config使用到了styleSheetTheme或theme的话那就要再多修改一下。

还是到FCKeditor所在的目录，分别打开/editor/filemanager/upload/aspx/upload.aspx和/editor/filemanager/browser/default/connectors/aspx/connector.aspx两个aspx文件，在page标签中添加Theme=""或StyleSheetTheme=""看你在工程使用的是什么就修改什么。修改后如下：

<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" Theme="" %>

或

<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" StylesheetTheme="" %>

这样就解决了500的内部错误。

2."this connector is disabled Please check the"editor/filemanager/connectors/aspx/config.aspx"

错误的解决办法

打开editor/filemanager/connectors/aspx/config.ascx修改CheckAuthentication()方法，返回true。

C# code

private bool CheckAuthentication()
{
// WARNING : DO NOT simply return "true". By doing so, you are allowing
// "anyone" to upload and list the files in your server. You must implement
// some kind of session validation here. Even something very simple as...
//
//        return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
//
// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
// user logs in your system.

        return true;
}