C#如何把Editor設計的內容上傳到伺服器端

來源:互聯網
上載者:User

 如何把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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.