FreeTextBox使用详解

FreeTextBox使用详解

FreeTextBox使用详解

Author: Annerose Date:12/16/2005

版本: FreeTextBox 3.1.1 ASP.NET1.1

1.下载 FreeTextBox 3.1.1 (released 2005/11/08)

http://www.freetextbox.com/downloads.aspx

2. 安装

FreeTextBox 3.0以上版本均支持内部模式,即图片资源和javascript都集成在dll中, 本文仅探讨内部模式(Internal Resources).

1) 把FTBv3-1-1/Framework-1.1/FreetextBox.dll拷入bin目录.

2) 在项目中添加FreetextBox.dll的dll引用

3) Web.config加入如下代码3. 使用FreeTextBox

1 <?xmlversion="1.0"encoding="utf-8"?>
2 <configuration>
3 <system.web>
4 <httpHandlers>
5 <addverb="GET"path="FtbWebResource.axd"type="FreeTextBoxControls.AssemblyResourceHandler,FreeTextBox"/>
6 </< span>httpHandlers>
7 <system.web>
8 <configuration>

 

1) aspx页面顶上
2) 调用3)工具栏皮肤

4) 得到保存编辑的内容
5) 客户端中检测到有潜在危险的 Request.Form 值4 图片上传


1) 工具栏上添加ImageGallery按钮.
2) 拷贝 "ftb.imagegallery.aspx" 文件到同一目录下

http://wiki.freetextbox.com/default.aspx/FreeTextBoxWiki.ImageGallery

<FTB:FreeTextBoxid="FreeTextBox1"runat="Server"/>

ToolbarStyleConfiguration=Offoce2003/OfficeXP/Office2000/MAC

1privatevoidInitializeComponent()
2{
3//指向同一个委托
4this.FreeTextBox1.SaveClick+=newSystem.EventHandlerthis.FreeTextBox1_SaveClick);
5this.Button1.Click+=newSystem.EventHandler(this.FreeTextBox1_SaveClick);
6}
7
8privatevoidFreeTextBox1_SaveClick(objectsender,System.EventArgse)
9{
10divshow.InnerHtml=FreeTextBox1.Text;
11}

 

<FTB:FreeTextBox..ToolbarLayout="..,InsertImageFromGallery,../>

3) FreeTextBox 属性设置

ImageGalleryPath = "~/image/upload" 上传默认路径
ImageGalleryUrl = "ftb.imagegallery.aspx?rif={0}&cif={0}" ftb.imagegallery.aspx的目录, 只能用相对目录,不可以用"~"

4) ImageGallery 的设置
ftb.imagegallery.aspx文件里
AllowDirectoryCreate - 能否建立文件夹
AllowDirectoryDelete - 能否删除文件夹
AllowImageUpload - 能否上传图片
AllowImageDelete - 能否删除图片
AcceptedFileTypes - 可以上传文件扩展名的数组(array)

<FTB:ImageGalleryid="ImageGallery1"
JavaScriptLocation="InternalResource"UtilityImagesLocation="InternalResource"
SupportFolder="~/aspnet_client/FreeTextBox/"
AllowImageDelete=true
AllowImageUpload=true
AllowDirectoryCreate=false
AllowDirectoryDelete=false
runat="Server"/>

为开发者提供的2个属性

CurrentDirectories - a string[] array of directories to allow the user to navigate toward
CurrentImages - a FileInfo[] array of files the user should be able to insert.

建议: 删掉Page_Load事件可以显著回避上传图片不能即时显示的问题. 不要重写Page_Load

That's all. Thanks

Annerose

12/26/2005

=======================
By the way.My first post:
http://blog.hexun.com/annerose/1779631/viewarticle.html

 

.先把freetextbox.dll添加到项目中

 

2.把 - ftb.colorpicker.aspx

- ftb.imagegallery.aspx

- ftb.inserttable.aspx

从文件夹HelperScripts复制出来，放到外面与 - test.aspx (测试)同等级目录，

（不这么做，插入背景色，图片，表格就不好使）

 

3.把images文件夹放到test.aspx (测试)同等级目录下,来存放上传的图片.

 

4.在test.aspx 中,加图片的路径

<FTB:FreeTextBox id="FreeTextBox1" runat="server" Width="700" ButtonPath="/images/ftb/office2003/"/>

 

this.FreeTextBox1.Text 这个就是FTB中你输入的文本的内容，这是带HTML标记的

 

this.FreeTextBox1.HtmlStrippedText 这个是将HTML标记去掉的文本

 

5.写入数据库

在CSDN上看到朋友们说怎么把FreeTextBox内容写入数据库中

我做了一下.就是把所有产生的HTML代码都插入数据库的一个字段中

可以做一个新闻表

news

字段ID(自增) content addtime(getdate)

private void Page_Load(object sender, System.EventArgs e)

{

// Put user code to initialize the page here

if (!IsPostBack)

{

SqlConnection myConn = new SqlConnection("server=(local)；database=mm；uid=sa；pwd=123")；

SqlCommand myCmd = new SqlCommand("select * from test where id=2",myConn)；

myConn.Open()；

SqlDataReader myDr；

myDr=myCmd.ExecuteReader()；

myDr.Read()；

Response.Write(myDr["content"].ToString())；

myDr.Close()；

myConn.Close()；

}

}

 

private void Button1_Click(object sender, System.EventArgs e)

{

SqlConnection myConn = new SqlConnection("server=(local)；database=mm；uid=sa；pwd=123")；

SqlCommand myCmd = new SqlCommand("insert into test (content) values('"+FreeTextBox1.Text+"')",myConn)；

myConn.Open()；

myCmd.ExecuteNonQuery()；

myConn.Close()；

}

 

［注］web.config

在system.web节加入:

<pages validateRequest="false"/>

 

上面的是我自己的使用方法，不一定是很好的．如果你发现更好的方法，别忘了告诉我呀！

 

 

ftb.imagegallery.aspx文件

 

private string NoFileMessage = "您没有选择文件。";

private string UploadSuccessMessage = "上传成功";

private string UploadFailureMessage = "上传失败。";

private string NoImagesMessage = "该文件夹不存在或者是空的";

private string NoFolderSpecifiedMessage = "您要上传到的文件夹不存在。";

private string NoFileToDeleteMessage = "您没有选中要删除的文件。";

private string InvalidFileTypeMessage = "您无法上传这种类型的文件。";

private string[] AcceptedFileTypes = new string[] {"jpg","jpeg","jpe","gif","png","rar"};

 

// Configuration

private bool     UploadIsEnabled = true;         // 是否允许上传文件

private bool     DeleteIsEnabled = false;         // 是否允许删除文件

private string   DefaultImageFolder = "images";  // 默认的起始文件夹