FCKEditor控件的配置使用

1、首先当然是要去网上下载FCKEditor的文件咯,这里不多说,网上多得是

2、在自己的网站或者是asp.net项目中加入FCK的引用BLL文件

FredCK.FCKeditorV2.dll,如下图所示:

3、将下载下来的FCKEditor控件中的fckeditor文件夹完全加入到网站的根目录中:

4、在web.config中进行配置,在<appSettings></appSettings>中加入以下代码,当然,下面的配置中Files/FCKEditor/这两个文件夹需要你自己加到你的网站中去(可以对其进行更改),代码如下:

5、此时配置完成。

6、将控件引入VS(visual studio)的工具箱中,如下图:

7、此时将FCKeditor控件从工具箱中拖到页面上,运行页面,哈哈,控件出现了!

由于有网友说以上文章写的太简单,我又把过程重新做了一次,并将过程写进了文章,希望对各位有所帮助:

第一步:从网上去下载FCKedit控件,我随意找了个,在http://sourceforge.net/projects/fckeditor/files/FCKeditor/下载了文件,我用的是FCKeditor_2.6.3版本的

(a)   FCKeditor_2.6.3是其最新的Javascript文件和图片等;

下载位置:http://sourceforge.net/projects/fckeditor/files/FCKeditor/

(b)      FCKeditor.Net_2.6.3.zip是一个ASP.NET控件DLL文件。

下载位置:http://downloads.sourceforge.net/project/fckeditor/FCKeditor/2.6.3/FCKeditor_2.6.3.zip

 

第二步:解压该FCKeditor_2.6.3.zip文,解压后,得到FCKeditor-v2.6.3文件夹,该文件夹里面有一个fckeditor文件夹,在下面的操作步骤中,我们会用到这个文件夹。

第三步:现在我们用VS2008建立一个网站,如下图:

建立好网站后的文档结构图如下:

现在,我们将第二步中提到的fckeditor文件夹完全拷贝到网站根目录下,拷贝好后的文档结构如下图所示:

第四步:现在开始配置网站的web.config配置文件,我们在web.config<appsetting></appsetting>节点中加入如下代码:

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

2.          <add key="FCKeditor:UserFilesPath" value="~/Files/FCKEditor/"/>

如图所示:

注释:

1、  代码<add key=”FCKeditor:BasePath” value=”~/fckeditor/”/>作用:

它主要是指明fckeditor文件夹的位置,也就是我们在上面步骤中加入的fckeditor文件夹的路径位置

2、  代码<add key=”FCKeditor:UserFilesPath” value=”~/Files/FCKEditor/”/>作用

这段配置代码是指明FCKEditor的上传目录位置,为了匹配这段配置代码,我们需要在网站根目录下新建一个命名为Files的文件夹,然后再Files文件夹下新建一个命名为FCKEditor的文件夹。

结构图如下:

第五步:解压下载的FCKeditor.Net_2.6.3.zip文件,得到FCKeditor.Net_2.6.3文件夹,从文件夹bin下的Release中找到FCKeditorDLL(即FredCK.FCKeditorV2.dll)(里面有debug文件夹,建议使用release文件夹下的dll文件),文件。然后向网站根目录下加入Bin文件夹,将FredCK.FCKeditorV2.dll文件夹拷贝到Bin文件夹,然后在bin文件夹上右键“添加引用“,选择bin下的FredCK.FCKeditor.dll作为引用文件。目录图如下:

此时,我们需要将FCKeditor控件加入到我们的VS2008工具箱(加入控件方法我不做解释了),如下图:

此时工具箱中出现控件FCKeditor图标:

从工具箱中拖出FCKeditor到页面上,此时出现的页面如下所示

此时,在浏览器中运行这张页面,FCKeditor便出现在页面上了(这只是基础配置,更加复杂的配置,请查看网上的其他配置文章)

兼容目前的浏览器 里面包含FCKeditor编辑器和控件 一、集成方法 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指令: 然后在需要的地方加入FCKeditor控件: (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配置节中加入 使用这种配置方法后,对于项目中任何一个页面中用到的FCKeditor控件,都不用再配置其BasePath属性。 (2)直接对用到的FCKeditor控件进行配置 在页面代码中设置FCKeditor的属性BasePath为FCKeditor编辑器文件组的路径,或者在Page_Init事件处理器中设置其BasePath的值。 4. 配置FCKeditor编辑器文件上传路径 在web.config的appSettings配置节中加入 这样,就完成了FCKeditorASP.NET页面的集成工作。 二、配置FCKeditor 按照FCKeditor的默认配置,可以完成一些常用的HTML可视化编辑工作,但在实际应用中,还需要对其做进一步的配置。FCKeditor控件的可配置属性不多,且配置后只能作用于一个单一实例。实际上,需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/config.ascx进行配置。 1. 配置控件语言 FCKeditor是自动探测浏览器所使用的语言编码的,其默认语言是英文。修改配置行"FCKConfig.DefaultLanguage = 'en';"为'zh-cn',采用中文为默认语言。 2. 配置控件应用技术 FCKeditor默认是用于php技术的。修改配置行"var _FileBrowserLanguage = 'php';"和"var _QuickUploadLanguage = 'php';"为'aspx',采用ASP.NET技术。 3. 配置Tab键 默认Tab键在FCKeditor中不可用,可以修改配置行"FCKConfig.TabSpaces = 0;"为1,启用Tab键。 4. 定制FCKe
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值