最新版FreeTextBox(版本3.1.6)在ASP.Net 2.0中使用簡介
http://download.csdn.net/down/193584/ldarmy最新版FreeTextBox(版本3.1.6)在ASP.Net 2.0中使用簡解
1。下載下傳最新版FreeTextBox(版本3.1.6),解壓 FreeTextBox 3.1.6 (2006/07/18)
本地下載下傳: http://www.51aspx.com/CV/OGOWR0LUYU096/
作者網站下載下傳位址:http://freetextbox.com/download/
詳細版本有哪些改進和修改曆史可以看這裡:
http://freetextbox.com/download/changelog.aspxFreeTextBox 3.1.6 (2006/07/18)
* BUG: Firefox postback problems (due to IE specific code)
* CHANGE: createlink now requires text to be selected * BUG: FontSizesMenuList now functions correctly * BUG: IE users would see the tag path of the entire document * BUG: WordClean fix for <b> tags * BUG: bug in FF vs. IE DOM handling of extra \n tag Free版本的收費版本的差別可以看這裡:http://freetextbox.com/features/
2。打開ASP.Net2.0項目,添加引用。(如果添加過以前版本的FreeTextBox,先删除以前版本的引用)
2.1。拷貝ftb.imagegallery.aspx到你要使用FreeTextBox的目錄(當然可以是其他,但是可能要設定路徑)
3。将FreeTextBox添加到工具欄。(工具欄〉正常〉選擇項〉浏覽到DLL檔案,添加)
4。可以将工具欄上的控件拖入到你的頁面了
<FTB:FreeTextBox ID="Free1"
ImageGalleryPath="~/ImageAdmin"
runat="server" Text=`<%# Bind("Contents") %>`
ButtonDownImage="True"
ToolbarLayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu
Bold,Italic,Underline,Strikethrough;Superscript,Subscript,RemoveFormat
JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage,InsertImageFromGallery,InsertRule
Cut,Copy,Paste;Undo,Redo,Print">
</FTB:FreeTextBox>
4.1。修改ImageGalleryPath屬性為你圖檔的放置目錄。
5。Q&A5.1。Q:怎麼不能建立目錄,上傳檔案等?
A:修改ftb.imagegallery.aspx頁面可以做到
<FTB:ImageGallery id="ImageGallery1"
SupportFolder="~/aspnet_client/FreeTextBox/" AllowImageDelete="true" AllowImageUpload="true"
AllowDirectoryCreate="true" AllowDirectoryDelete="true" runat="Server" />
修改AllowImageDelete等屬性5.2。Q:怎麼沒有看到“從圖檔庫插入圖檔”這個圖示?
A:修改<FTB:FreeTextBox />的ToolbarLayout屬性,添加一個InsertImageFromGallery,上面代碼的例子就是已經添加好的。
5.3。Q:按鈕怎麼是英文提示?
A:<FTB:FreeTextBox />有個屬性叫做Language,把預設的en-US改稱zh-CN吧,就是中文簡體了,聽說這個版本帶了25種語言呢。
==========================================================
FreeTextBox使用詳解 (3.1.1版本使用)
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加入如下代碼
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>
3. 使用FreeTextBox
1) aspx頁面頂上
<%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
2) 調用
<FTB:FreeTextBox id="FreeTextBox1" runat="Server" />
3)工具欄皮膚
ToolbarStyleConfiguration = Offoce2003/OfficeXP/Office2000/MAC
4) 得到儲存編輯的内容
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 }
5) 用戶端中檢測到有潛在危險的 Request.Form 值
<%@ Page language="c#"

ValidateRequest="false"%>
4 圖檔上傳
1) 工具欄上添加ImageGallery按鈕.
<FTB:FreeTextBox ..ToolbarLayout=" ..,InsertImageFromGallery,.. />
2) 拷貝 "ftb.imagegallery.aspx" 檔案到同一目錄下
http://wiki.freetextbox.com/default.aspx/FreeTextBoxWiki.ImageGallery
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)
為開發者提供的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
=========================================================
Freetextbox是一個免費的.net msHTML 編輯器。
這裡所用的是免費的freetextbox版本是中文版本1.6.3的漢化的freetextbox。
獲得的位址。http://www.51aspx.com/CV/M67HNQANDQU37下載下傳之後仔細看看其中的說明,你就可以使用這個完美的編輯器。
其中示例是在内聯代碼方式下,如果在代碼後置下使用Freetextbox 呢。
1、首先我們把 FreeTextBox.dll 檔案copy到我們的項目中的bin目錄裡。
然後在我們的項目裡添加新的引用,在添加引用對話框選擇項目标簽,浏覽/選擇你的FreeTextBox.dll/打開/确定。應用就添加完成了。
2、如何獲得FreeTextBox.dll 中所使用到的名字空間,本中文版本1.6.3 有3個名字空間。
using FreeTextBoxControls;
using FreeTextBoxControls.Design;
using FreeTextBoxControls.Common;
可以在引用的FreeTextBox.dll 檢視對象浏覽。
點開樹型目錄就可以清晰的看到,上面所說的名字空間了。
其他的版本類似可以獲得。
3、在ASPx檔案添加freetextbox
<%@ Register TagPrefix="ftb" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
具體的方法和内聯一樣的。
同時cs檔案中會有如下代碼:
protected FreeTextBoxControls.FreeTextBox FreeTextBox1;産生
添加完後,運作一下就可以看到結果了。
在設計模式下我們還可以檢視FreeTextBox 屬性。
4、如何把FreeTextBox 内容寫到資料庫,我們在ASPx檔案中添加一個bottom
其的onclick=“my_add"
cs檔案
protected void my_add(object sender, System.EventArgs e)
...{
// 在此處放置使用者代碼以初始化頁面
Response.Write(FreeTextBox1.Text);
}
此處是輸出内容,可以改成我們需要方法。
例子:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FreeTextBox.aspx.cs" Inherits="FreeTextBox" %>
<%@ Register ValidateRequest="false" TagPrefix="ftb" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=http://www.w3.org/1999/xhtml >
<head runat="server">
<title>無标題頁</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<FTB:FreeTextBox id="FreeTextBox1" runat="server" ButtonPath="http://localhost:2131/nettest/images/ftb/office2003/"/>
</div>
</form>
</body>
</html>
說明:這裡的ButtonPath如果沒有設定好可能出現很多圖檔無法顯示的情況!ValidateRequest="false"也是必須的,要不頁面不允許傳輸帶有HTML标記的參數!