如何把Editor設計的內容上傳到伺服器端
實現這樣的功能就可以把設計的HTML格式的(含標記)的文本儲存到伺服器端資料庫中二進位欄位中,實現內容的動態儲存和載入。
設計步驟:
1.新增內容到Editor(包括:字型、圖片 等.......)
2.按【HTML】按鈕
3.按【讀取】按鈕,把Editor設計的標記字串填入伺服器控制項Text
注意:包含HTML標記的字串被認定為不安全的。
4.若要直接讀取請在【讀取】Button2按鈕,中屬性OnClientClick="show('html') 執行與按鈕【HTML】相同的js函數
(由於部落格圖片審核功能尚未完成,普通使用者暫時關閉引用站外圖片功能,請您諒解)
圖片請到這裡查看:http://user.qzone.qq.com/14035344/blog/1310785498
code:
using System;using System.Data;using System.Configuration;using System.Collections;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;public partial class _Default : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { } protected void Button2_Click(object sender, EventArgs e) { Label1.Text = content.InnerText .ToString (); TextBox1.Text = content.InnerText.ToString(); }}
html:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Src="UserControl/HtmlEdit.ascx" TagName="HtmlEdit" TagPrefix="uc1" %><!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> <table border="1" cellpadding="0" cellspacing="0" style="width: 500px"> <tr> <td> <div id="html" style="display: none"> <textarea id="content" runat="server" name="content" rows="10" style="width: 500px; height: 280px"></textarea></div> <div id="edit"> <uc1:HtmlEdit ID="HtmlEdit1" runat="server" /> </div> </td> </tr> <tr> <td> <input onclick="show('edit')" style="width: 80px" type="button" value="設計" /><input id="Button1" onclick="show('html')" style="width: 80px" type="button" value="HTML" /> <input onclick="alert(oEditor.document.body.innerHTML);" type="button" value="getContent" /></td> </tr> </table> <table style="width: 510px"> <tr> <td style="height: 44px"> 如何把Editor設計的內容上傳到伺服器端<br /> 實現這樣的功能就可以把設計的HTML格式的(含標記)的文本儲存到伺服器端資料庫中二進位欄位中,實現內容的動態儲存和載入。<br /> 設計步驟:<br /> 1.新增內容到Editor(包括:字型、圖片 等.......)<br /> 2.按【HTML】按鈕<br /> 3.按【讀取】按鈕,把Editor設計的標記字串填入伺服器控制項Text<br /> 注意:包含HTML標記的字串被認定為不安全的。<br /> <br /> 4.若要直接讀取請在【讀取】Button2按鈕,中屬性OnClientClick="show('html') 執行與按鈕【HTML】相同的js函數 </td> <td style="height: 44px; width: 3px;"> </td> <td style="height: 44px; width: 2px;"> </td> </tr> <tr> <td> <asp:Button ID="Button2" runat="server" Text="讀取" OnClick="Button2_Click" OnClientClick="show('html')" /></td> <td style="width: 3px"> </td> <td style="width: 2px"> </td> </tr> <tr> <td style="height: 60px"> <asp:TextBox ID="TextBox1" runat="server" Height="49px" TextMode="MultiLine" Width="482px"></asp:TextBox></td> <td style="height: 60px; width: 3px;"> </td> <td style="height: 60px; width: 2px;"> </td> </tr> <tr> <td style="height: 32px"> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></td> <td style="width: 3px; height: 32px"> </td> <td style="width: 2px; height: 32px"> </td> </tr> </table> </div> </form></body></html> 作者:段利慶 QQ;14035344