【ASP.NET】FreeTextBox的使用方法

到 www.freetextbox.com网站上，里面有个 Download Control (3.1.6) (zip)

点击就可以了，下完以后是个压缩文件，解压开来，有这几个主要文件：

aspnet_client          FreeTextBox的外观文件，直接拷贝到你的工程的目录下就可以了。

Docs                        文档嘛，就是说明文档，只有一个帮助文件

examples              这是人家官方调试好的例子

Framework-2.0     适合.net freameork2.0使用的dll（命名空间）

Framework-1.1     适合.net freameork1.1使用的dll（命名空间）

Framework-1.0     适合.net freameork1.0使用的dll（命名空间）

 只要把Framework-2.0/Framework-1.1/Framework-1.0三个中适合你用的那个dll拷贝到你工程下的bin目录下，将

aspnet_client 拷贝到工程目录下，然后你可以随便的调试任何一个例子都很容易通过的。 

这是一个例子：

Default.aspx

 

<% @ Page Language = " C# "  AutoEventWireup = " true "   CodeFile = " Default.aspx.cs "  Inherits = " _Default "  ValidateRequest = " false " %>
<% @ Register TagPrefix = " FTB "  Namespace = " FreeTextBoxControls "  Assembly = " FreeTextBox "   %>
<% @ Register TagPrefix = " FCKeditorV2 "  Namespace = " FredCK.FCKeditorV2 "  Assembly = " FredCK.FCKeditorV2 "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< script  runat ="server" >

</ script >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 无标题页 </ title >
</ head >
< body >
     < form  id ="Form1"  runat ="server" >
        
         < h2 > Languages and Buttons </ h2 >
        
         < div >                     
             < asp:dropdownlist  ID ="ToolbarStyle"  Runat ="Server"   />
             < asp:dropdownlist  ID ="Language"  Runat ="Server"   />
             < asp:Button  ID ="ConfigureButton"  Text ="Configure"  runat ="Server"  OnClick ="ConfigureButton_Click"   />

             < br  />
        
             < FTB:FreeTextBox  id ="FreeTextBox1"   
            Focus ="true"
            toolbarlayout ="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu,FontForeColorPicker,FontBackColorsMenu,
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,StylesMenu,InsertHtmlMenu|InsertRule,InsertDate,InsertTime|InsertTable,EditTable;InsertTableRowAfter,
InsertTableRowBefore,DeleteTableRow;InsertTableColumnAfter,InsertTableColumnBefore,DeleteTableColumn|InsertForm,InsertTextBox,
InsertTextArea,InsertRadioButton,InsertCheckBox,InsertDropDownList,InsertButton|InsertDiv,EditStyle,InsertImageFromGallery,
Preview,SelectAll,WordClean,NetSpell"
            ImageGalleryPath  = "~/image/upload"
            ImageGalleryUrl  = "ftb.imagegallery.aspx?rif={0}&cif={0}"
            Language ="zh-CN"   
            ToolbarStyleConfiguration ="Office2003"  
            OnSaveClick ="SaveButton_Click"  
            runat ="Server" >
            
             </ FTB:FreeTextBox >
             < asp:LinkButton  ID ="LinkButton1"  runat ="server" />
             < asp:Button  id ="SaveButton"  Text ="Save"  runat ="server"  OnClick ="SaveButton_Click"   />
         </ div >
        
         < div >
             < asp:Literal  id ="Output"  runat ="server"   />
            
         </ div >
     </ form >

</ body >
</ html >

其中要注意的是，由于ASP.NET不是默认会自动产生_doPostBack方法，因此，如果采用FTB的默认Save按钮操作，可能会报告对象不存在错误，因此，可以在网页中添加一行<asp:LinkButton ID="LinkButton1" runat="server"/>来强制要求产生_doPostBack方法。Language属性设置要求放置在toolbarlayout之后设置，否则可能产生不了效果。

Default.aspx.cs

using  System;
using  System.Data;
using  System.Configuration;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;
using  System.Collections.Specialized;
public   partial   class  _Default : System.Web.UI.Page 
{
     protected   void  Page_Load( object  sender, EventArgs e)
    {
        ToolbarStyle.DataSource  =  Enum.GetNames( typeof (FreeTextBoxControls.ToolbarStyleConfiguration));
         if  ( ! IsPostBack)
        {
            FreeTextBox1.FontFacesMenuList = new string[] { "Arial", "Courier New", "Garamond", "Georgia", "Tahoma", "Times New Roman", "\"楷体_GB2312\"", "\"宋体\"", "\"黑体\"", "\"仿宋_gb2312\"", "\"隶书\"" };
            FreeTextBox1.FontFacesMenuNames = new string[] { "Arial", "Courier New", "Garamond", "Georgia", "Tahoma", "Times New Roman", "楷体", "宋体", "黑体", "仿宋", "隶书"};
            ToolbarStyle.DataSource  =  Enum.GetNames( typeof (FreeTextBoxControls.ToolbarStyleConfiguration));
            ToolbarStyle.DataBind();

            FreeTextBoxControls.Support.ResourceManager rm  =   new  FreeTextBoxControls.Support.ResourceManager();
            NameValueCollection languages  =  rm.GetSupportedLanguages();

             foreach  ( string  key  in  languages)
            {
                Language.Items.Add( new  ListItem(key, languages[key]));
            }

            FreeTextBox1.Text  =   " <p>some <b>Bold</b> and <u>underlined</u> and <font color="#008000">colored</font> text<p><ul><li>bulleted list 1</li></ul> " ;
        }
    }

     protected   void  ConfigureButton_Click( object  sender, EventArgs e)
    {
        FreeTextBox1.ToolbarStyleConfiguration  =  (FreeTextBoxControls.ToolbarStyleConfiguration)Enum.Parse( typeof (FreeTextBoxControls.ToolbarStyleConfiguration), ToolbarStyle.SelectedValue);
        FreeTextBox1.Language  =  Language.SelectedValue;
    }
     protected   void  SaveButton_Click( object  sender, EventArgs e)
    {
        Output.Text  =  FreeTextBox1.Text;
    }
}

 

ImageGallery的使用

将压缩包中的ftb.imagegallery.aspx拷贝到工程目录下，然后修改该文件以配置相应的图片上传属性。

<% @ Page Language = " C# "  ValidateRequest = " false "  Trace = " false "   %>
<% @ Register TagPrefix = " FTB "  Namespace = " FreeTextBoxControls "  Assembly = " FreeTextBox "   %>

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
     < title > Image Gallery </ title >
</ head >
< body >

     < form  id ="Form1"  runat ="server"  enctype ="multipart/form-data" >   
    
         < FTB:ImageGallery  id ="ImageGallery1"  
            JavaScriptLocation ="InternalResource"  
            UtilityImagesLocation ="InternalResource"  
            SupportFolder ="~/aspnet_client/FreeTextBox/"
            AllowImageDelete ="true"  
            AllowImageUpload ="true"  
            AllowDirectoryCreate ="false"  
            AllowDirectoryDelete ="false"  
            runat ="Server"   />
        
     </ form >

</ body >
</ html >