实例418FreeTextBox组件(文本编辑器)的简单使用.docVIP

实例417 FreeTextBox组件(文本编辑器)的简单使用 ［实例说明］ 网站开发过程中，经常用到在线文本编辑器，它不仅可以使文本编辑变得更加简单容易，而且大大提高了在线文本的编辑速度。本实例将介绍如何通过FreeTextBox组件实现在线文本编辑的功能。实例运行效果如图19.27所示。 图19.27 FreeTextBox组件的简单使用 ［技术要点］ FreeTextBox组件是一个免费的.net在线文本编辑器，它以.dll文件格式封装起来，以供用户使用。用户可以先通过添加引用的方式将该组件引用到程序中，引用完成后，在需要该组件的页面中注册该组件并将该组件添加到合适的位置，注册该组件的代码如下： %@ Register Assembly=FreeTextBox Namespace=FreeTextBoxControls TagPrefix=ftb % 注册组件完成后，需要在合适的位置显示组件，显示组件时编写如下代码。 ftb:FreeTextBox ID=FreeTextBox1 AutoConfigure=EnableAll runat=server ButtonPath=FreeTextBox/office2003/ ImageGalleryPath=UpLoadImage/ Height=200 Width=600px ButtonDownImage=true HelperFilesPath=FreeTextBox BreakMode=ParagraphBreak /ftb:FreeTextBox 在FreeTextBox组件中有很多的属性供用户进行设置，这里列出几个常用的属性，如表19.12所示。 表19.12 FreeTextBox组件常用属性及说明 属性 说明 Language 设置菜单按钮中提示信息的语言。 ReadOnly 设置该文本编辑器是否为只读 SupportFolder 设置该组件的资源文件夹路径 Height 设置该组件的高度 Width 设置该组件的宽度 ToolbarStyleConfiguration 设置组件的外观样式 ToolbarBackgroundImage 设置工具栏中按钮的图片背景 ToolbarLayout 设置在工具栏中显示的工具 注意： (1) .在将FreeTextBox中的值写入到数据库中时，可能提示数据插入时存在危险字符的错误，只需要在web.config配置文件中的system.web节中添加如下代码即可解决该问题。 pages validateRequest=false / (2) . 获取FreeTextBox的值: 通过FreeTextBox.Text来获取FreeTextBox组件的值。代码如下： string a= FreeTextBox.Text; ［实现过程］ （1）新建一个ASP.NET网站，命名为Ex19_12，默认主页为Default.aspx （2）添加引用：右键单击项目名称，在弹出的快捷菜单中选择“添加引用”，从打开的“添加引用”对话框中选择“浏览”选项卡，在磁盘中找到FreeTextBox.dll组件，将其添加到项目中。如图19.28所示。 图 19.28 添加引用 （3）复制FreeTextBox资源文件：“添加引用”完成后，将FreeText Box组件所需要的资源文件复制到项目中，这些资源文件包括图片、脚本和配置文件等，本实例放置资源文件的文件夹名为FreeTextBox。并且在网站的根目录下新建一个文件夹，命名为UpLoadImage，用于存放上传的图片。复制完成后网站的文件结构如图19.29所示。 图19.29 网站文件结构 （4）注册FreeTextBox控件：将FreeTextBox组件引用到项目中后，在需要该组件的页面中进行注册使用。（添加于Default.aspx页面的第二行）。注册该组件的代码如下： %@ Register Assembly=FreeTextBox Namespace=FreeTextBoxControls TagPrefix=ftb % 注册组件完成后，需要在合适的位置添加FreeTextBox组件，添加组件时编写如下代码： ftb:FreeTextBox ID=FreeTextBox1 AutoConfigure=EnableAll runat=server ButtonPath=FreeTextBox/office2003/ ImageGalleryPath=UpLoadImage/ Height=200 Width=600px ButtonDownImage=true HelperFilesPath=FreeTextBox Break