I have tried to use an HTMLEditorExtender inside both EditItemTemplate and InsertItemTemplate in DetailsView. The Textbox does not render properly (wrong colors) and the buttons also do not render properly.
If I copy the Textbox and HTMLEditorExtender markup and paste them outside the DetailsView it all works fine.
The code is pretty simple:
<asp:TemplateField HeaderText="Problem" SortExpression="problem" HeaderStyle-Font-Bold="true" HeaderStyle-Wrap="false" >
<EditItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</InsertItemTemplate>
<ItemTemplate>
<asp:Label ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' />
</ItemTemplate>
I have attached two images; one where the Editor renders correctly outside the DetailsView and one rendered inside the DetailsView
Comments: It looks like you are losing a reference to HtmlEditorExtender CSS files. This behavior does not take place in the latest version v15.1 of AJAX Control Toolkit, so I advise you upgrade your project. For more information on the upgrade process, please refer to [Upgrade guide](https://ajaxcontroltoolkit.codeplex.com/wikipage?title=Upgrade%20your%20project%20to%20AjaxControlToolkit%20v15.1).
If I copy the Textbox and HTMLEditorExtender markup and paste them outside the DetailsView it all works fine.
The code is pretty simple:
<asp:TemplateField HeaderText="Problem" SortExpression="problem" HeaderStyle-Font-Bold="true" HeaderStyle-Wrap="false" >
<EditItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' TextMode="MultiLine" Columns="100" Rows="14" CssClass="basic" />
<asp:HtmlEditorExtender runat="server" ID="ProblemTextHtml" DisplaySourceTab="true" TargetControlID="ProblemText" />
</InsertItemTemplate>
<ItemTemplate>
<asp:Label ID="ProblemText" runat="server" Text='<%# Bind("problem") %>' />
</ItemTemplate>
I have attached two images; one where the Editor renders correctly outside the DetailsView and one rendered inside the DetailsView
Comments: It looks like you are losing a reference to HtmlEditorExtender CSS files. This behavior does not take place in the latest version v15.1 of AJAX Control Toolkit, so I advise you upgrade your project. For more information on the upgrade process, please refer to [Upgrade guide](https://ajaxcontroltoolkit.codeplex.com/wikipage?title=Upgrade%20your%20project%20to%20AjaxControlToolkit%20v15.1).