FreeTextBox3.2.2下载及使用详解(图)

版本: FreeTextBox 3.2.2.40667

1.下载 FreeTextBox 3.2.2.40667 本站下载,解压后如下图:
贴图图片

2. 打开VS2005,建立一个WebSite工程,选择WebSite点右键,选择Add Reference,
弹出如下窗体,选择Browse页面,找到FreeTextBox.dll,按确定。
贴图图片

3.在Visual Stuido的工具栏上出现贴图图片图标。

4.新增一Aspx页面,拖动FreeTextBox图标到页面上。

5.修改Web.config加入如下代码

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<httpHandlers>
<add verb="GET" path="FtbWebResource.axd" type="FreeTextBoxControls.AssemblyResourceHandler, FreeTextBox" />
</httpHandlers>
</system.web>
</configuration>

6. 修改从客户端中检测到有潜在危险的 Request.Form 值
<%@ Page language="c#" ... ValidateRequest="false"%>

7.按F5运行可看到一个简单配置的FreeTextBox.

FreeTextBox使用代码

1.设计一个静态类

public class CFtbTools
{
public static void InitFTB(Page page, FreeTextBoxControls.FreeTextBox ftb)
{
ftb.AutoGenerateToolbarsFromString = false; //由字符串自动生成工具栏按钮=false
ftb.SupportFolder = "~/aspnet_client/FreeTextBox/"; //源代码
ftb.ImageGalleryUrl = "~/ftb.imagegallery.aspx?rif={0}&cif={0}"; //指定选择图片的aspx文件
ftb.JavaScriptLocation = ResourceLocation.ExternalFile; //设java脚本为外部文件
ftb.ButtonImagesLocation = ResourceLocation.ExternalFile;//设按钮图片外部文件
ftb.ToolbarImagesLocation = ResourceLocation.ExternalFile;//设按钮图片外部文件
ftb.BreakMode = BreakMode.LineBreak;//断行模式
ftb.StripAllScripting = true; //自动移除Java脚本.!!!非常重要!!!!
ftb.ButtonSet = ToolbarStyleConfiguration.Office2003; //按钮样式
ftb.ToolbarStyleConfiguration = ToolbarStyleConfiguration.Office2003;
ftb.DesignModeCss = "~/css/ftbdesign.css"; //设计模式时样式,很重要
ftb.RemoveServerNameFromUrls = false;
ftb.BackColor = Color.FromArgb(229, 240, 253);
ftb.GutterBackColor = Color.FromArgb(229, 240, 253);
}
}

2.在Page_Load事件初始化FreeTextBox控件

protected void Page_Load(object sender, EventArgs e)
{
CFtbTools.InitFTB(this, FreeTextBox1);
CFtbTools.AddToolBarButton(this, FreeTextBox1, true);

........
}

3.aspx页面的代码

<FTB:FreeTextBox ID="FreeTextBox1" runat="server" Height="180px" Width="780px">
</FTB:FreeTextBox>

FreeTextBox其它使用方法:

1).获取文本

private void btnSave_Click(object sender, System.EventArgs e)
{
this.Response.Write(FreeTextBox1.Text);
}

2) 图片上传
1) 工具栏上添加ImageGallery按钮.
<FTB:FreeTextBox ..ToolbarLayout=" ..,InsertImageFromGallery,.. />
2) 拷贝 "ftb.imagegallery.aspx" 文件到同一目录下
http://wiki.freetextbox.com/default.aspx/FreeTextBoxWiki.ImageGallery
3) FreeTextBox 属性设置
ImageGalleryPath = "~/image/uploads" 上传默认路径
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. 下载地址:点击获取>>>

转载请注明:代码家园 » FreeTextBox3.2.2下载及使用详解(图)

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)