今天是2010-08-04,好久没有使用asp.net 了,整合了一下FCk 和asp.net 的使用
现在贡献给大家
一、集成方法
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" %>
然后在需要的地方加入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页面的集成工作。
二、配置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. 定制FCKeditor工具栏
FCKConfig提供两种工具栏配置。在配置行"FCKConfig.ToolbarSets["Default"] = [ ... ];"中定义了使用全部可用按钮的配置(作为工具栏的默认配置)。在配置行"FCKConfig.ToolbarSets["Basic"] = [ ... ];"中定义了一个精简按钮的工具栏配置。实际使用时,默认配置按钮太多,精简配置按钮又太少。因此需要定制工具栏。
配置值[ ... ]中是形式为[[v, v2, .., vN], '/', [ ... ],...](vN表示要显示的按钮名字,'/'表示之后的按钮组在下一行显示)的按钮分组的集合。如果不需要整个分组的按钮,那么就删掉该分组(形式为 [ , , ...]);如果只是不需要分组中的某个按钮,删掉该按钮。
5. 定制可用的文本字体
FCKeditor是外国人做的,默认使用的字体当然也是西文字体了。修改配置行"FCKConfig.FontNames = '...';",加入要使用的中文字体名,如宋体,楷体_GB2312等。
FCKConfig默认使用HTML字体关键字来表示可选的字体大小,这存在着不同浏览器显示效果不一致的问题。因此,建议修改配置行"FCKConfig.FontSizes = '...';",去掉字体关键字值,加入像素值或磅值。(当然,在网页里定义了全局样式表的话,就不需要修改这项设置了,但应该教会最终用户如何设置字体达到最佳显示效果。)
6. 启用文件上传
FCKeditor提供了非常强大和易用的文件上传功能,但是默认配置里,文件上传功能不可用,这是基于安全的考虑。但我认为访问安全性控制应该由程序来做,不应由控件来做。
在文件config.ascx中,修改CheckAuthentication()的返回值为true。如果希望上传具有多扩展名的文件,修改 SetConfig()中ForceSingleExtension的值为false。FCKeditor默认可以上传文件、图片、Flash和多媒体四种类型的文件,可以在SetConfig()中对AllowedTypes修改来增减允许的类型(这个类型可以在后面的 TypeConfig["TypeName"]中定义,比如在AllowedExtensions属性中定制本类型允许的上传文件扩展名,在 DeniedExtensions里定制不允许的上传文件扩展名)。
在文件fckconfig.js中,修改配置行"FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;"为FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=File&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;";修改配置行"FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension ;"为"FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=File' ;"。(在这个配置文件里,看起来似乎Type=File是作为默认参数的,但实际上不加这个参数的话,会出错。)
7. 其它配置
对于这两个配置文件中的配置属性,从名字上很容易知道它们所代表的含义,基本上都可以定制。但要注意,属性值的格式要正确。
三、将FCKeditor编辑器文件组ASP.NET化
FCKeditor编辑器文件组包含了用于它所支持的各种应用技术的文件,所以,对于ASP.NET应用来说,有很多文件是不需要的。
根目录下,只保留文件夹editor,文件fckconfig.js、fckeditor.js、fckpackager.xml、fckstyles.xml和fcktemplates.xml。
子目录editor/filemanager/connectors下,只保留文件夹aspx。
分享到:
相关推荐
**FCK编辑器在ASP.NET和MVC中的应用** FCKeditor是一款强大的开源富文本编辑器,它允许用户在Web页面上进行类似Word的文本编辑操作。在ASP.NET和MVC框架下,集成FCKeditor可以提升用户体验,使得内容创建和编辑更为...
在ASP.NET项目中使用FCKeditor,通常需要以下几个步骤: 1. 解压下载的文件,将FCKeditor的文件夹复制到项目的适当位置。 2. 在ASP.NET页面中引入FCKeditor的JavaScript文件,并创建编辑器实例。 3. 配置编辑器,如...
在.NET环境中,FCKeditor通常与ASP.NET Web Forms或MVC框架结合使用。在Web Forms中,可以通过控件的方式直接在页面上嵌入编辑器;而在MVC中,可以使用视图助手或者手动添加HTML和JavaScript代码。无论哪种方式,都...
ASP.NET 下配置FCKeditor以实现多媒体上传是一个常见的需求,...通过以上步骤,你就可以在ASP.NET应用中成功配置并使用FCKeditor实现多媒体上传功能。记得在实际操作时根据项目需求调整配置,确保用户体验和系统安全。
标题中的“fck的用法 asp.net在线编辑器fck”指的是如何在ASP.NET项目中集成和使用FCKeditor进行在线文本编辑。下面将详细介绍FCKeditor在ASP.NET中的应用及其配置步骤。 1. **FCKeditor的下载与安装** 首先,你...
以下是对如何在ASP.NET中使用FCKEditor进行详细步骤的概述: 首先,你需要从FCKEditor的官方网站下载最新版本的FCKEditor(包括JavaScript文件)和FCKeditor.Net的ZIP文件(包含DLL)。解压缩这两个文件,以便后续...
在这个"asp.net下 FCK新闻分页DEMO"中,我们主要关注的是如何在ASP.NET环境中结合FCKeditor实现新闻的编辑与分页显示。 FCKeditor是一款开源的Web富文本编辑器,它允许用户在网页上编辑内容时获得类似于Microsoft ...
FCKeditor在ASP.NET中的应用通常涉及以下几个步骤: 1. **安装与下载**:首先,你需要从FCKeditor的官方网站或第三方源获取最新版本的FCKeditor压缩包,解压后得到相关的JavaScript文件和资源文件。 2. **配置与...
是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。...
综上所述,要在ASP.NET中使用FCKeditor,你需要理解FCKeditor的工作原理,配置编辑器,处理文件上传,并根据项目需求进行定制。同时,提供的文档和项目文件可以作为实际操作的参考,帮助你快速实现FCKeditor在ASP...
在ASP.NET中,数据验证是确保用户输入符合特定规则的重要步骤,比如邮箱格式、手机号码、日期等。WebValidates提供了多种验证类型,如RequiredFieldValidator(必填项验证)、CompareValidator(比较验证)、...
- 在ASP.NET控件中使用CKeditor的服务器控件或JavaScript API来创建编辑器实例。 - 配置CKeditor的设置,如语言、工具栏等。 - 处理编辑器的提交事件,获取和保存编辑器中的内容。 6. **开发注意事项** - 考虑...
ASP.NET内容编辑控件FCK2.61是一款在Web开发中广泛使用的富文本编辑器,尤其适合于那些需要在网页上提供类似Word编辑功能的场景。FCKeditor以其强大的功能、良好的兼容性和易用性,深受开发者喜爱。在本文中,我们将...
ASP.NET FCK编辑器是一...总之,ASP.NET FCK资料包和使用实例对于需要在Web应用中集成富文本编辑功能的开发者来说,是一份宝贵的资源。通过深入学习和实践,不仅可以提升开发技能,也能提高项目开发的效率和用户体验。
在集成FCKeditor到ASP.NET项目中,开发者通常需要以下步骤: 1. **下载并解压**:首先,从源获取FCKeditor的.NET版本,解压缩到本地文件系统。 2. **引入文件**:将解压后的文件夹复制到项目的适当位置,通常是...
3. **使用Fckeditor**:在需要使用Fckeditor的ASP.NET页面中,通过`<fckeditor:FCKeditor>`标签添加编辑器实例。例如: ```asp ...
对于初学者来说,学习如何在C#和asp.net环境中集成和使用第三方控件是提升开发技能的重要步骤。而对经验丰富的开发者而言,熟练掌握各种控件的特性和应用场景,有助于优化项目,提供更优质的用户体验。
总之,通过本文档,你应该了解了如何在ASP.NET项目中使用FCKeditor创建一个在线编辑器的基本步骤。这只是一个基础的实现,你还可以根据需求自定义编辑器的外观、功能,甚至编写插件扩展其能力。希望这对你的学习有所...
将FCKeditor与Asp.Net结合使用,可以极大地提升网站内容编辑的用户体验。 在Asp.Net中集成FCKeditor,首先需要下载FCKeditor的源码包并解压。在提供的压缩包文件“Fckeditor”中,通常包含了编辑器的JavaScript文件...
在提供的压缩包文件中,我们可以看到一些与ASP.NET相关的文档和代码片段,主要涉及C#编程、Excel导出、GridView控件的使用以及FCK编辑器的介绍。 1. **C#小技巧**:C#是一种面向对象的编程语言,常用于ASP.NET开发...