FCKeditor在asp.net 下的配置

FCKeditor 2.2 + Asp.Net 设置

FCKeditor相关资料简介：

官方网站http://www.fckeditor.net/

官方文档http://wiki.fckeditor.net/

下载地址http://www.fckeditor.net/download/default.html

官方演示http://www.fckeditor.net/demo/default.html

 

 

针对于ASP.NET开发者来说，你有两种选择：

1.        只使用FCKeditor，下载http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=75845，然后自行配置其中的几个核心js文件。对此发开不作为本文所讨论的范畴。

2.        使用FCKeditor.Net，下载http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125。需要声明的是，这个文件只是一个ASP.NET控件DLL文件，并不包括FCKeditor的编辑器内核。所以你还应该下载上一种方式中提到的文件包。

 

下面结合一个ASP.NET2.0的项目来具体看看FCKeditor的安装、配置。在开始之前请先下载FCKeditor文件包和FCKeditor.Net 服务器控件。启用VS2005新建一个C#的WEB Site工程，取名FCKPro。

 

FCKeditor安装：

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

把下载的FCKeditor_2.2.zip文件包直接解压缩到FCKPro的根目录下，这样根目录下就得到一个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.        在FCKPro工程浏览器上右键，选择添加引用（Add Reference…），找到浏览(Browse)标签，然后定位到你解压好的FredCK.FCKeditorV2.dll，确认就可以了。这时，FCKPro工程目录下就多了一个bin文件夹，里面包含FredCK.FCKeditorV2.dll文件。当然，你也可以完全人工方式的来做，把FredCK.FCKeditorV2.dll直接拷贝到FCKPro/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就定在了根目录的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"></FCKeditorV2:FCKeditor>

 

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

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

属性列表：

AutoDetectLanguage	BaseHref	BasePath	ContentLangDirection
CustomConfigurationsPath	Debug	DefaultLanguage	EditorAreaCSS
EnableSourceXHTML	EnableViewState	EnableXHTML	FillEmptyBlocks
FontColors	FontFormats	FontNames	FontSizes
ForcePasteAsPlainText	ForceSimpleAmpersand	FormatIndentator	FormatOutput
FormatSource	FullPage	GeckoUseSPAN	Height
ID	ImageBrowserURL	LinkBrowserURL	PluginsPath
runat	SkinPath	StartupFocus	StylesXMLPath
TabSpaces	ToolbarCanCollapse	ToolbarSet	ToolbarStartExpanded
UseBROnCarriageReturn	Value	Visible	Width

事件列表：

OnDataBinding

OnDisposed

OnInit

OnLoad

OnPreRender

OnUnload

 

以上属性和事件的使用在此不一一的赘述了，请先自行摸索一下，目前我也没找到相关资料，不过都不是很难，如果你有在asp下使用FCKeditor的经验，应该明白其中一些属性的意义，和fckconfig.js的设置项意义相同。以后有时间我会再把这部分整理好。需要说明的是FCKeditor2.2的fckconfig.js和2.0版本的有了较大改进，体积更小，配置方式也更加灵活，具体请自行下载比较。

上传的功能至此还差最关键的一步。在FCKeditor所在根目录下（/FCKeditor/）找到fckconfig.js文件，用文本编辑器打开，在大概132行（大概是因为之前您也许参考其它资料更改过这个文件了）的地方找到：

 

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

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

 

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

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