Aspxhtmleditior学习

设置，获取editor中的值：

设置   function InsertSpecialSymbol(symbol) {
            var selection = HtmlEditor.GetSelection();
            selection.SetHtml(symbol);

获取：

The ASPxHtmlEditor's content can be specified and obtained, using the following methods and properties:

• The ASPxClientHtmlEditor.GetHtml client method is used to obtain an HTML markup that represents the editor's content.

Asp

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server"     ClientInstanceName="htmlEditor"> </dx:ASPxHtmlEditor> <br/> <dx:ASPxButton ID="ASPxButton1" runat="server"     AutoPostBack="False" Text="ASPxButton">     <ClientSideEvents Click="function(s, e) {         var myText = htmlEditor.GetHtml();         myMemo.SetText(myText);         }" /> </dx:ASPxButton> <br/> <dx:ASPxMemo ID="ASPxMemo1" runat="server"     ClientInstanceName="myMemo"  Height="71px" Width="170px"> </dx:ASPxMemo>

•  

Asp

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server"     ClientInstanceName="htmlEditor"> </dx:ASPxHtmlEditor> <br/> <dx:ASPxButton ID="ASPxButton1" runat="server"     AutoPostBack="False" Text="ASPxButton">     <ClientSideEvents Click="function(s, e) {         var myText = htmlEditor.GetHtml();         myMemo.SetText(myText);         }" /> </dx:ASPxButton> <br/> <dx:ASPxMemo ID="ASPxMemo1" runat="server"     ClientInstanceName="myMemo"  Height="71px" Width="170px"> </dx:ASPxMemo>

•  

The ASPxClientHtmlEditor.SetHtml client method is used to specify an HTML markup that represents the editor's content.

Asp

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server"     ClientInstanceName="htmlEditor"> </dx:ASPxHtmlEditor> <br/> <dx:ASPxButton ID="ASPxButton1" runat="server"     AutoPostBack="False" Text="ASPxButton">     <ClientSideEvents Click="function(s, e) {         htmlEditor.SetHtml('Sample Text');      }" /> </dx:ASPxButton>

 

Asp

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server"     ClientInstanceName="htmlEditor"> </dx:ASPxHtmlEditor> <br/> <dx:ASPxButton ID="ASPxButton1" runat="server"     AutoPostBack="False" Text="ASPxButton">     <ClientSideEvents Click="function(s, e) {         htmlEditor.SetHtml('Sample Text');      }" /> </dx:ASPxButton>

•  

The ASPxHtmlEditor.Html property specifies the HTML markup representing the ASPxHtmlEditor's content.

Asp

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server"     ClientInstanceName="htmlEditor"     Html="&lt;STRONG&gt;Sample Text&lt;/STRONG&gt;" > </dx:ASPxHtmlEditor>

 

 

 

 

 

Save To file:

Aspx:

<div id="Div1">Your name:</div>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<div id="Div2">Your message:</div>

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server">

</dx:ASPxHtmlEditor>

<asp:Button ID="Button1" runat="server" Text="Save to File" οnclick="Button1_Click" />

C#:

public partial class _Default : System.Web.UI.Page {

    protected void Page_Load(object sender, EventArgs e) {

    }

    protected void Button1_Click(object sender, EventArgs e) {

        string myHtml = ASPxHtmlEditor1.Html.ToString();

        string fileName = TextBox1.Text + DateTime.Today.Date.ToShortDateString() + ".txt";

        string fullFileName = Request.MapPath("Files/" + fileName);

        StreamWriter streamWriter =

            new StreamWriter(new FileStream(fullFileName, FileMode.Create, FileAccess.Write));

        streamWriter.Write(myHtml);

        streamWriter.Close();

    }

}

 

保存到数据库：

The ASPxHtmlEditor'a content can be saved as an HTML markup to a database the following ways:

• Using two-way (read/write) Data-Binding Expression (the <%# bind> expression).(自动绑定)

The following example illustrates the data-bound ASPxHtmlEditor within the ASPxGridView. After editing, the updated ASPxGridView content is saved to the database.

Aspx：<asp:AccessDataSource ID="AccessDataSource1" runat="server"

    DataFile="~/App_Data/Data_28072008.mdb"

    SelectCommand="SELECT * FROM [Table1]"

    DeleteCommand="DELETE FROM [Table1] WHERE [ID] = ?"

    InsertCommand="INSERT INTO [Table1] ([ID], [Name], [DescriptionHtml]) VALUES (?, ?, ?)"

    UpdateCommand="UPDATE [Table1] SET [Name] = ?, [DescriptionHtml] = ? WHERE [ID] = ?">

    <DeleteParameters>

        <asp:Parameter Name="ID" Type="Int32" />

    </DeleteParameters>

    <UpdateParameters>

        <asp:Parameter Name="Name" Type="String" />

        <asp:Parameter Name="DescriptionHtml" Type="String" />

        <asp:Parameter Name="ID" Type="Int32" />

    </UpdateParameters>

    <InsertParameters>

        <asp:Parameter Name="ID" Type="Int32" />

        <asp:Parameter Name="Name" Type="String" />

        <asp:Parameter Name="DescriptionHtml" Type="String" />

    </InsertParameters>

</asp:AccessDataSource>

 

<dxwgv:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False"

Width="369px" DataSourceID="AccessDataSource1" KeyFieldName="ID">

    <Templates>

        <EditForm>

            <dx:ASPxHtmlEditor ID="ASPxHtmlEditor2" runat="server"

                Html='<%# Bind("DescriptionHtml") %>'>

            </dx:ASPxHtmlEditor>

            <br/>

            <div style="text-align: right; padding: 2px 2px 2px 2px">

            <dxwgv:ASPxGridViewTemplateReplacement ID="UpdateButton"

                ReplacementType="EditFormUpdateButton" runat="server">

             </dxwgv:ASPxGridViewTemplateReplacement>

             <dxwgv:ASPxGridViewTemplateReplacement ID="CancelButton"

                 ReplacementType="EditFormCancelButton"    runat="server">

             </dxwgv:ASPxGridViewTemplateReplacement>

             </div>

         </EditForm>

     </Templates>

     <Columns>

         <dxwgv:GridViewCommandColumn VisibleIndex="0">

             <EditButton Visible="True">

             </EditButton>

         </dxwgv:GridViewCommandColumn>

         <dxwgv:GridViewDataTextColumn FieldName="ID" ReadOnly="True"

             VisibleIndex="1">

             <EditFormSettings Visible="False" />

         </dxwgv:GridViewDataTextColumn>

         <dxwgv:GridViewDataTextColumn FieldName="Name" VisibleIndex="2">

         </dxwgv:GridViewDataTextColumn>

         <dxwgv:GridViewDataTextColumn FieldName="DescriptionHtml" VisibleIndex="3">

             <PropertiesTextEdit EncodeHtml="False">

             </PropertiesTextEdit>

         </dxwgv:GridViewDataTextColumn>

     </Columns>

</dxwgv:ASPxGridView>

• Using database queries

In the following example, the Save To DataBase button creates a connection with the Access DataBase and inserts the ASPxHtmlEditor's contents into a new tuple.

Aspx: <div id="Div1">Your name:</div>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<div id="Div2">Your message:</div>

<dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server">

</dx:ASPxHtmlEditor>

<asp:Button ID="Button1" runat="server" Text="Save to DataBase" οnclick="Button1_Click" />

 

C#:public partial class _Default : System.Web.UI.Page {

    protected void Page_Load(object sender, EventArgs e) {

    }

    protected void Button1_Click(object sender, EventArgs e) {

        string MyHtml = ASPxHtmlEditor1.Html.ToString();

        OleDbConnection myConnection = new OleDbConnection();

        myConnection.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;

             Data Source=C:/Solutions/MyProject/App_Data/test.mdb";

        myConnection.Open();

        OleDbCommand myCommand = new OleDbCommand();

        myCommand.Connection = myConnection;

        myCommand.CommandText = "INSERT INTO Table1(Name,DescriptionHtml)

           VALUES (@name,@message)";

        OleDbDataAdapter dataAdapter = new OleDbDataAdapter();

        dataAdapter.SelectCommand = myCommand;

        dataAdapter.SelectCommand.Parameters.Add("@name",

            OleDbType.VarChar, 50).Value = TextBox1.Text;

        dataAdapter.SelectCommand.Parameters.Add("@message",

            OleDbType.VarChar, 200).Value = ASPxHtmlEditor1.Html.ToString();

        DataSet ds = new DataSet();

        dataAdapter.Fill(ds, "Table1");

        myConnection.Close();

    }

}

 

 

转载于:https://www.cnblogs.com/limingluzhu/archive/2011/11/19/2255323.html