How to: Bind the HTML Property to a Database Field

May 30, 2023

The following example demonstrates how to add the ASPxHtmlEditor to a control’s template and use the Bind method to bind the editor’s content to the corresponding data source field:

View Example: HTML Editor for ASP.NET Web Forms - How to bind the Html property to a database field

Add the FormView control to the page, bind it to a data source, and specify a field to get its data from the data source.

Add the ASPxHtmlEditor to the FormView’s template and specify the editor’s markup - use the Bind method to bind the editor’s Html property to the corresponding field in the FormView’s data source.

ASPX

aspx

<asp:FormView ID="FormView1" runat="server" DataKeyNames="ID" DataSourceID="AccessDataSource1"
    AllowPaging="True">
    <ItemTemplate>
        <dx:ASPxHtmlEditor ID="ASPxHtmlEditor1" runat="server" Html='<%# Bind("Html") %>'>
            <Settings AllowDesignView="False" AllowHtmlView="False" />
        </dx:ASPxHtmlEditor>
    </ItemTemplate>
</asp:FormView>
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/HtmlEditorSampleDB.mdb"
    SelectCommand="SELECT * FROM [Html]">
</asp:AccessDataSource>