下面有个自己写的demo
一, 安装
1) 把FTBv3-1-1\Framework-1.1\FreetextBox.dll拷入bin目录
根据你的开发环境添加,有1.0,1.1和2.0得3种
2) 在项目中添加FreetextBox.dll的dll引用
<%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
3) Web.config加入如下代码
1<?xml version="1.0" encoding="utf-8" ?>
2 <configuration>
3 <system.web>
4 <httpHandlers>
5 <add verb="GET" path="FtbWebResource.axd" type="FreeTextBoxControls.AssemblyResourceHandler, FreeTextBox" />
6 </httpHandlers>
7 <system.web>
8<configuration>
二,使用FreeTextBox
1) 调用
<FTB:FreeTextBox id="FreeTextBox1" runat="Server" />
(一定要放在<form>标记内)
2) 客户端中检测到有潜在危险的 Request.Form 值
<%@ Page language="c#" ValidateRequest="false"%>
(这个是防止上传图片时遇到得一些问题,一定要写)
通过以上2步,再自己编写一些代码.就基本可以使用了,但还不具有上传图片的功能
三,图片上传
1) 工具栏上添加ImageGallery按钮.
<FTB:FreeTextBox id="FreeTextBox1" runat="Server" OnSaveClick="FreeTextBox1_SaveClick" ToolbarLayout=InsertImageFromGallery />
(ToolbarLayout属性有很多值可以赋予,若只写InsertImageFromGallery,那么只会出现一个上传图片的按钮,其他的就不会显示.网上查到了另外一些供大家参考ToolbarLayout=" ParagraphMenu, FontFacesMenu, FontSizesMenu, FontForeColorsMenu,
FontBackColorsMenu, FontForeColorPicker, FontBackColorPicker| Bold, Italic, Underline,
Strikethrough, Superscript, Subscript, RemoveFormat| JustifyLeft, JustifyRight, JustifyCenter,
JustifyFull; BulletedList, NumberedList, Indent, Outdent; CreateLink, Unlink, InsertImage| Cut,
Copy, Paste, Delete, Undo, Redo, Print, Save| SymbolsMenu, StyleMenu, InsertHtmlMenu| InsertRule,
InsertDate, InsertTime| InsertTable, EditTable; InsertTableRowBefore, InsertTableRowAfter,
DeleteTableRow; InsertTableColumnBefore, InsertTableColumnAfter, DeleteTableColumn| InsertForm,
InsertDiv, InsertTextBox, InsertTextArea, InsertRadioButton, InsertCheckBox, InsertDropDownList,
InsertButton| InsertImageFromGallery, Preview, SelectAll, WordClean, EditStyle, ieSpellCheck"
Bold 加粗
BulletedList 项目符号
Copy 复制
CreateLink 插入链接
Cut 剪切
Delete 删除
DeleteTableColumn 删除一列(En)
DeleteTableRow 删除一行(En)
IeSpellCheck IE拼写检查(En 需要安装拼写检查软件)
Indent 增加缩进
InsertDate 插入日期
InsertImage 插入图片
InsertRule 插入水平线(En)
InsertTable 插入表格(En)
InsertTableColumnAfter 插入表格列在后面(En)
InsertTableColumnBefore 插入表格列在前面(En)
InsertTableRowAfter 插入表格行在后面(En)
InsertTableRowBefore 插入表格行在前面(En)
InsertTime 插入时间
Italic 斜体
JustifyCenter 居中
JustifyFull 两端对齐
JustifyLeft 左对齐
JustifyRight 右对齐
NetSpell 网络拼写检查(En)
NumberedList 编号
Outdent 减少缩进
Paste 粘贴
Print 打印
Redo 重复
RemoveFormat 删除所有格式
Save 保存(En)
StrikeThrough 删除线
Subscript 下标
Superscript 上标
Underline 下划线
Undo 撤消
Unlink 删除链接
2) 拷贝 "ftb.imagegallery.aspx" 文件到同一目录下
3) FreeTextBox 属性设置
ImageGalleryPath = "~/image/upload" 上传默认路径
ImageGalleryUrl = "ftb.imagegallery.aspx?rif={0}&cif={0}" ftb.imagegallery.aspx的目录, 只能用相对目录,不可以用"~"
4) ImageGallery 的设置
ftb.imagegallery.aspx文件里
<FTB:ImageGallery id="ImageGallery1"
JavaScriptLocation="InternalResource" UtilityImagesLocation="InternalResource"
SupportFolder="~/aspnet_client/FreeTextBox/"
AllowImageDelete=true
AllowImageUpload=true
AllowDirectoryCreate=false
AllowDirectoryDelete=false
runat="Server" />
AllowDirectoryCreate - 能否建立文件夹
AllowDirectoryDelete - 能否删除文件夹
AllowImageUpload - 能否上传图片
AllowImageDelete - 能否删除图片
AcceptedFileTypes - 可以上传文件扩展名的数组(array)
四,FreeTextBox 其他的一些属性
1)工具栏皮肤
ToolbarStyleConfiguration = Offoce2003/OfficeXP/Office2000/officeMAC
2)设置语言
FreeTextBox1.Language=zh-cn
(中文,其他得在Language文件夹里都有)
在使用FreeTextBox控件进行文本编辑后,进行保存时需要取编辑内容对应的HTML文本内容。取编
辑内容使用my_freetextbox.ViewStateText属性会比使用my_freetextbox.Text属性,在后续的字
符串内容处理上会方便一些。
在所取出的字符串中,系统自动加上了“\r\n”的回车换行字符串标示,在存储内容到数据库之前最
好将这些“\r\n”字符串用空串“”替换掉(如:my_str=my_str.Replace("\r\n","")),否则在将
来调用时会导致不正常显示。
在所取出的字符串中,系统还把编辑文本中的双引号“用转义字符\进行了处理,如原字符串为
“wangshixin said "hello!"”,所取得的字符串实际为“wangshixin said \"hello!\"”,因此需要
将所获得的字符串中的全部“\"”用特定的字符串替换掉。在将来提取显示时,再将特定字符串替换为
“\"”(如:my_str=my_str.Replace("\"","wangshixin750920"))。
freetextbox:图片路径是完全路径,例如:http://localhost/testFTB/images/test.jpg
不好的地方就是,在图片名称完全相同的情况下是覆盖原有文件的
引用于:http://hi.baidu.com/postmasters/blog/item/8d7b513e4a15e13c70cf6ced.html
分享到:
相关推荐
FreeTextBox 3.2.4 汉化修正版,一个简单的asp.net 1.1/2.0/3.5编辑器,已经汉化
如何使用freetextbox上传图片,本例子详细的讲述了其使用!
FreeTextBox的使用(C#) FreeTextBox的使用(C#) FreeTextBox的使用(C#)
FreeTextBox3.2.2简体中文版示例源码 FreeTextBox是一款免费的Asp.net网页编辑器,官方默认为英文版,该版本设置为简体中文版,可以设置文字样式、在线排版、图片上传等(FreeTextBox源码需要单独购买授权),该...
FreeTextBox_source FreeTextBox
一个不错的新闻发布源码,用在线编辑 freetextbox
里面包含: FreeTextBox.dll 还有使用到的图片 1.直接使用的方法: (1) 复制 bin 目录下的 FreeTextBox.dll 文件到你的 Web 应用程序目录中 的 bin 目录或其上层的虚拟目录下的 bin 目录; (2) 复制 HelperScripts ...
这里以FreeTextbox为例,简单的演示了文本编辑控件的使用, 也是大部份分页控件使用的一个思路, 希望起到抛砖引玉的作用 主要是因为在教学过程中发现很多同学听完课, 一下记不住那么多的操作步骤,所以我制作了这...
ASP.NET FreeTextBox 文本编辑控件,编辑控件类似于office软件,内又强大的编辑功能,能让你更好的在网页上编辑文本
FreeTextBox主要是界面挺不错.很多用户只看界面, 用FreeTextBox客户会感觉挺不错.所以研究一下. 经常使用.
FreeTextBox是最好用、最实用的富文本控件
FreeTextBox使用详解,非常好用,你懂的!!
控件,非官方, Here's a complete example <%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %> ... <FTB:FreeTextBox id="FreeTextBox1" runat="Server" /> </html>
FreeTextBox 是一个基于 Internet Explorer 中 MSHTML 技术的 ASP.NET 开源服务器控件。这是一款优秀的自由软件(Free Software),我们可以轻松地将其嵌入到 Web Forms 中实现 HTML 内容的在线编辑,在新闻发布、...
FreeTextBox 3.2.1与FCKeditor 2.2,参考我的博客使用!
FreeTextBox 1.6.3 中文版及源码
FreeTextBox文件及用法,自己总结的一直在用,经过测试