ASP.NET編輯器控制項FreeTextBox的使用

來源:互聯網
上載者:User
  FreeTextBox 是一個基於 Internet Explorer 中 MSHTML 技術的 ASP.NET 伺服器控制項。這是一款優秀的自由軟體(Free Software),我們可以輕鬆地將其嵌入到 Web Forms 中實現 HTML 內容的線上編輯,在新聞發布、部落格寫作、論壇社區等多種 Web 系統中都會有用途。

官方網站:http://www.freetextbox.com/

FreeTextBox 1.6.3 (中文版):http://www.percyboy.com/w/ftb/down/

1、複製 bin 目錄下的 FreeTextBox.DLL 檔案到你的 Web 應用程式目錄中的 bin 目錄或其上層的虛擬目錄下的 bin 目錄;

2、把 - ftb.colorpicker.aspx
- ftb.imagegallery.aspx
- ftb.inserttable.aspx
從檔案夾HelperScripts複製出來,放到外面與 - test.aspx (測試)同等級目錄,
(不這麼做,插入背景色,圖片,表格就不好使),注意使用時要指定 HelperFilePath 屬性;

3、把images檔案夾放到test.aspx (測試)同等級目錄下,來存放上傳的圖片.。(注意:用於存放上傳圖片的目錄可以自訂取名字,但一定要放到虛擬目錄的根目錄,不能放到虛擬目錄的子目錄裡面,並且設定ImageGalleryPath屬性,設定檔案夾名。)

4、在test.aspx 中,加圖片的路徑

<FTB:FreeTextBox id="FreeTextBox1" runat="server" Width="700" ButtonPath="\images\ftb\office2003\"/>

this.FreeTextBox1.Text 這個就是FTB中你輸入的文本的內容,這是帶HTML標記的

this.FreeTextBox1.HtmlStrippedText 這個是將HTML標記去掉的文本

5、寫入資料庫

在CSDN上看到朋友們說怎麼把FreeTextBox內容寫入資料庫中

我做了一下.就是把所有產生的HTML代碼都插入資料庫的一個欄位中

可以做一個新聞表

news

欄位ID(自增) content addtime(getdate)

private void Page_Load(object sender, System.EventArgs e)

{

// Put user code to initialize the page here

if (!IsPostBack)

{

SqlConnection myConn = new SqlConnection("server=(local);database=mm;uid=sa;pwd=123");

SqlCommand myCmd = new SqlCommand("select * from test where id=2",myConn);

myConn.Open();

SqlDataReader myDr;

myDr=myCmd.ExecuteReader();

myDr.Read();

Response.Write(myDr["content"].ToString());

myDr.Close();

myConn.Close();

}

}

private void Button1_Click(object sender, System.EventArgs e)

{

SqlConnection myConn = new SqlConnection("server=(local);database=mm;uid=sa;pwd=123");

SqlCommand myCmd = new SqlCommand("insert into test (content) values('"+FreeTextBox1.Text+"')",myConn);

myConn.Open();

myCmd.ExecuteNonQuery();

myConn.Close();

}

[注]web.config

在system.web節加入:

<pages validateRequest="false"/>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.