FreeTextBox控件怎么在asp.net項目中使用

本篇文章給大家分享的是有關FreeTextBox控件怎么在asp.net項目中使用，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

步驟一：解壓FreeTextBox-3.1.6只要將FreeTextBox.dll、ftb.imagegallery.aspx和aspnet_client文件夾拷貝到項目文件夾中，和我們的test.aspx在相同的目錄下中，其中FreeTextBox.dll放到bin文件夾下并且在VS2008中添加引用（其實FreeTextBox.dll不需要拷貝進項目文件夾，只需要"解決方案->右鍵->添加引用"后bin文件夾中會自動產生FreeTextBox.dll）。

步驟二：將FreeTextBox做成空間添加到工具箱中，這在前一篇文章中寫過，點擊進入查看。

步驟三：往aspx文件中添加控件FreeTestBox，并修改其屬性。修改后的控件屬性如下：

復制代碼 代碼如下:

    <FTB:FreeTextBox ID="Free1" 
          ImageGalleryPath="~/Images"  
          Language="zh-CN" runat="server"    
          ButtonDownImage="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" >    
     </FTB:FreeTextBox>

步驟四：在 ftb.imageegallery.aspx 中設置屬性

復制代碼 代碼如下:

 <FTB:ImageGallery id="ImageGallery1"   SupportFolder="~/aspnet_client/FreeTextBox/"
   AllowImageDelete="true" AllowImageUpload="true"
   AllowDirectoryCreate="true"  AllowDirectoryDelete="true" runat="Server" />

這些屬性表示允許刪除圖片和上傳圖片，允許創建文件夾和刪除文件夾 。

注意：
完成以上這些，我們在test.aspx的設計視圖下，還是無法看到那些文本編輯器按鈕，只能看到的是“FreeTextBox：Free1”這么一個空白界面，原本我以為沒有操作成功，所以上面的步驟重復了好多次，但依舊是這樣，后來在瀏覽器下打開發現原來操作已經成功了，前面做了很多無用功。呵呵。

實例
在aspx文件中再添加一個TestBox做文章的“標題”，一個按鈕Button“提交”。
test.aspx.cs:

復制代碼 代碼如下:

    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        string title = this.TextBox1.Text;
        string content = this.Free1.Text;
        NewsBus.AddNews(title,content);
        //Response.Redirect("");
        content = NewsBus.getLateNews().Tables[0].Rows[0][2].ToString();
        Response.Write(content);//輸出最新插入的那條新聞的內容
    }

appcode中NewsBus.cs：

復制代碼 代碼如下:

  public static bool AddNews(string title ,string content)
    {
        String strsql = "Insert into test(title,content) Values(@title,@content)";
        SqlParameter[] paras = new SqlParameter[2];
        paras[0] = new SqlParameter("@title", SqlDbType.VarChar);
        paras[0].Value =title;

        paras[1] = new SqlParameter("@content", SqlDbType.VarChar);
        paras[1].Value =content;

        if (NewsDB.Getcmd(strsql, paras))
        {
            return true;
        }
        return false;
    }
    public static DataSet getLateNews()
    {
        string strsql = "select top 1 * from test order by id desc";
        return NewsDB.Getds(strsql);
    }

appcode中NewsDB.cs：

復制代碼 代碼如下:

    public static SqlConnection CreatCon()
    {
        string str=ConfigurationManager.AppSettings["conn"];
        return new SqlConnection(str);
    }
  public static DataSet Getds(String strsql)
    {
        SqlConnection con=NewsDB.CreatCon();
        DataSet ds= null;
        try
        {
            SqlDataAdapter da = new SqlDataAdapter(strsql, con);
            ds = new DataSet();
            da.Fill(ds);
      }
        catch (Exception er)
        {
            throw er;
        }
        return ds;
    }

web.config

復制代碼 代碼如下:

<configuration>
<appSettings>
     <add key="conn" value="Data Source=XUWEI/SQLEXPRESS;Initial Catalog=TestDatabase;User ID=dnndemo;Password=dnndemo" />
  </appSettings>
</configuration>

最后在標題和內容欄中輸入文字，并且添加圖片，點擊“提交”以后會顯示剛輸入的內容。其中就包括圖片。

其實原理很簡單，FreeTextBox在我們將內容欄中的文本輸入到數據庫的指定字段以后，會判斷我們有沒有插入圖片，

如果有圖片則將圖片的地址也寫入“內容”字段中。

比如我們在FreetextBox的文本框中輸入文本：“內容欄，插入圖片”，然后再插入一個叫做"pic.jpg"，"提交"完成以后我們去數據庫的表test中看字段content的內容如下：

復制代碼 代碼如下:

<P>內容欄，插入圖片</P>
<P><IMG height=366 alt=未命名.jpg src="/testFTB3/Images/pic.jpg" mce_src="testFTB3/Images/pic.jpg" width=950 border=0></P>

而在Images目錄下我們也能找到剛才插入的圖片"pic.jpg"。這個是由

復制代碼 代碼如下:

<FTB:FreeTextBox ID="Free1" 
          ImageGalleryPath="~/Images"   ...
</FTB:FreeTextBox>

以上就是FreeTextBox控件怎么在asp.net項目中使用，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。