使用FreeTextBox

原创 2011年01月19日 14:13:00

一,     安装

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

不好的地方就是,在图片名称完全相同的情况下是覆盖原有文件的

FreeTextBox使用详解(FTBv3-1-6)

文本编辑框,类似于csdn使用的fckedit。具有广泛的用途。下面介绍其中之一FreeTextBox:下载FreeTextBox:http://freetextbox.com/files/6949/...
  • longronglin
  • longronglin
  • 2007年05月08日 11:15
  • 6449

FreeTextBox上传图片

FreeTextBox基本用法和上传图片 eWebEditor、WebHtmlEidtor   等许多在线编辑器默认都有一个功能,可以实时把图片上传到服务器并插入到编辑器里面,而在 ...
  • dannywj1371
  • dannywj1371
  • 2012年10月21日 15:43
  • 1319

为什么freetextbox不显示按钮呢

freetextbox 使用
  • maiyude
  • maiyude
  • 2010年06月10日 14:59
  • 800

控件FreeTextBox介绍

一、使用方法1.先把freetextbox.dll添加到项目中2.把 - ftb.colorpicker.aspx     - ftb.imagegallery.aspx     - ftb.inse...
  • JOHNCOOLS
  • JOHNCOOLS
  • 2006年07月31日 14:18
  • 1254

转:FreeTextBox控件的使用

  (1) 复制 bin 目录下的 FreeTextBox.dll 文件到你的 Web 应用程序目录中的 bin 目录或其上层的虚拟目录下的 bin 目录; (2) 将FreeTextBox.dll引...
  • toxxj
  • toxxj
  • 2007年01月31日 23:29
  • 614

在freetextbox控件中使用中文字体

1.首先引入命名空间:using FreeTextBoxControls;   2.插入中文字体相关代码:    Toolbar toolbar1 = MyContent.Toolbars[0];//...
  • tlty
  • tlty
  • 2008年02月29日 14:05
  • 2309

“FreeTextBox”控件使用——Word编辑器

前言     在敲牛腩新闻发布系统时,添加新闻修改新闻的时候遇到了Word编辑器控件。它是引用了第三方控件,下面关于怎么引用该控件及其一些简单的使用方法进行分析。 内容 在网上找的该插件“Free...
  • zlt995768025
  • zlt995768025
  • 2016年04月13日 16:36
  • 628

FreeTextBox使用说明

 1.直接使用的方法:(1) 复制 bin 目录下的 FreeTextBox.dll 文件到你的 Web 应用程序目录中的 bin 目录或其上层的虚拟目录下的 bin 目录;(2) 复制 Helper...
  • oscarLuozq
  • oscarLuozq
  • 2009年11月23日 13:33
  • 565

freetextbox 1.6.3使用中的一点总结

FontBackColorsMenu, FontForeColorPicker, FontBackColorPicker|InsertImageFromGallery| Bold, Italic, U...
  • GoodShot
  • GoodShot
  • 2012年12月08日 10:26
  • 893

FreeTextBox的问题终于解决了

FreeTextBox的问题终于解决了  这两天,FreeTextBox的问题一直困扰着我。这个问题在以前的文章中我已简单描述过。也就是在回复页面, 如果我用FreeTextBox代替TextBox,...
  • aspnet2002web
  • aspnet2002web
  • 2008年01月01日 17:15
  • 984
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用FreeTextBox
举报原因:
原因补充:

(最多只允许输入30个字)