FreeTextBox(版本3.1.1) 使用詳解

 

FreeTextBox使用詳解 (版本3.1.1)

版本: 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<?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>

1) aspx頁面頂上
2) 調用3)工具欄皮膚

4) 得到保存編輯的內容
5) 客戶端中檢測到有潛在危險的 Request.Form 值4 圖片上傳


1) 工具欄上添加ImageGallery按鈕.
2) 拷貝 "ftb.imagegallery.aspx" 文件到同一目錄下

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

<%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>

 

<FTB:FreeTextBox id="FreeTextBox1" runat="Server" />

 

ToolbarStyleConfiguration = Offoce2003/OfficeXP/Office2000/MAC

 

 1 private void InitializeComponent()
 2 {    
 3     //    指向同一個委託
 4     this.FreeTextBox1.SaveClick += new System.EventHandler this.FreeTextBox1_SaveClick);
 5     this.Button1.Click += new System.EventHandler(this.FreeTextBox1_SaveClick);
 6 }
 7 
 8 private void FreeTextBox1_SaveClick(object sender, System.EventArgs e)
 9 {
10     divshow.InnerHtml = FreeTextBox1.Text;
11 }

 

<%@ Page language="c#"  ValidateRequest="false"%>

<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:ImageGallery id="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