代码改变世界

Asp.net中使用WEB编辑控件FCKEditor

2012-03-28 16:46  安之若素fang  阅读(212)  评论(0编辑  收藏  举报

  一、集成方法

  FCKeditor应用在ASP.NET上,需要两组文件,一组是FCKeditor本身,另一个是用于ASP.NET的FCKeditor控件(分为1.1和2.0两个版本,这里使用2.0版本)。

  1. 将FCKeditor加入到项目中

  解压FCKeditor编辑器,得到文件夹fckeditor,复制此文件夹到Web应用的项目下(也可以是子孙目录下)。

  解压FCKeditor控件,在其子目录bin/Release/2.0下有一个程序集。在Web应用的项目中引用该程序集。

  2. 在页面中使用FCKeditor

  有两种方式。

  (1)手工编码

  在页面中加入ASP.NET指令:

 

以下是代码片段:
<%@ Register Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>

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

 

  然后在需要的地方加入FCKeditor控件:

 

以下是代码片段:
<FCKeditorV2:FCKeditor id="FCKeditor1" runat="server" />

 

  (2)集成到Visual Studio工具箱

  打开一ASP.NET页面,展开Toolbox,打开右键菜单,选择“Choose Items ...”,在出现的“Choose Toolbox Items”会话框的“.NET Framework Components”选项卡中选择“Browse”,找到并选中FCKeditor程序集,打开后回到“Choose Toolbox Items”窗口,点击“OK”,完成控件导入。

  这时,在Toolbox的General分类下出现了一个名为FCKeditor的控件,可以像使用Visual Studio内置控件一样使用它。

  3. 配置FCKeditor编辑器路径

  在页面中,使用的是FCKeditor控件,该控件需要知道FCKeditor编辑器文件组的路径。有两种配置方法。

  (1)配置web.config

  在appSettings配置节中加入

 

以下是代码片段:
<add key="FCKeditor:BasePath" value="~/PathOfFCKeditor/" />

 

  使用这种配置方法后,对于项目中任何一个页面中用到的FCKeditor控件,都不用再配置其BasePath属性。

  (2)直接对用到的FCKeditor控件进行配置

  在页面代码中设置FCKeditor的属性BasePath为FCKeditor编辑器文件组的路径,或者在Page_Init事件处理器中设置其BasePath的值。

  4. 配置FCKeditor编辑器文件上传路径

  在web.config的appSettings配置节中加入

 

以下是代码片段:
<add key="FCKeditor:UserFilesPath" value="~/YourUploadFilePath" />

 

  这样,就完成了FCKeditor向ASP.NET页面的集成工作。