6

I am using AjaxToolKit's HTMLEditorExtender control in my website. The markup is as follows:

<asp:TextBox ID="TextBox2" runat="server" 
        Font-Names="'lucida grande',tahoma,verdana,arial,sans-serif" Height="100%" OnTextChanged="TextBox2_TextChanged" 
        style="margin-bottom: 26px; font-size: small;" Width="90%"></asp:TextBox>

<asp:HtmlEditorExtender ID="TextBox2_HtmlEditorExtender" runat="server" 
        Enabled="True" TargetControlID="TextBox2">
    <Toolbar>
        <asp:Undo />
        <asp:Redo />
        <asp:Bold />
        <asp:Italic />
        <asp:Underline />
        <asp:StrikeThrough />
        <asp:Subscript />
        <asp:Superscript />
        <asp:InsertOrderedList />
        <asp:InsertUnorderedList />
        <asp:RemoveFormat />
        <asp:SelectAll />
        <asp:UnSelect />
        <asp:Delete />
        <asp:Cut />
        <asp:Copy />
        <asp:Paste />
        <asp:Indent />
        <asp:Outdent />
        <asp:FontNameSelector />
    </Toolbar>
</asp:HtmlEditorExtender>

Running the application, and pressing Enter while TextBox2 has focus, no new line is inserted; instead, TextBox2 loses focus.

This doesn't happen unless the HTMLEditorExtender is attached to TextBox2.

More Details

I am running the application in local IIS. The website is live but the feature is not launched on the main website yet. I am using ASP.NET WebForms and latest AjaxToolkit version. Also this problem is in every browser including Chrome, IE, Opera, Firefox.

Shiva Pareek
  • 1,719
  • 5
  • 21
  • 42
  • Does adding `TextMode="Multiline"` to `asp:TextBox ID="TextBox2"` help? – shahkalpesh Mar 02 '13 at 10:51
  • no it was multiline before. I removed that property to test whether it works without applying multiline property but no difference. – Shiva Pareek Mar 02 '13 at 10:57
  • I dont know why it wouldnt work. Increase the height/width of the textbox with multiline set. Clear the cache, build the solution and see. – shahkalpesh Mar 02 '13 at 11:01
  • no that didn't worked. I changed the size of the text box and also cleared the cache. But no difference. – Shiva Pareek Mar 02 '13 at 11:21
  • please anyone answer it as soon as possible... – Shiva Pareek Mar 02 '13 at 17:15
  • @ShivaPareek what's your test environment? Is the application running on your computer? Hosted server? I'm assuming you are using ASP.NET WebForms. What browser are you using? Version? AjaxControlTolkit version? Please add these details to your question. – Jesse Mar 04 '13 at 21:48

2 Answers2

3

Finally I solved the error myself. The code which I provided was enclosed in a Panel that has a default button. So I removed the DefaultButton property and the code is working fine now. Thank you all for adding your responses.

Shiva Pareek
  • 1,719
  • 5
  • 21
  • 42
0

I believe you need to set the number of rows. Take a look at this example, as I know it works for me:

<ajax:HtmlEditorExtender ID="tbCommentHtmlExtender" runat="server"  
TargetControlID="tbEditor" DisplaySourceTab="false" EnableSanitization="false">  
  <Toolbar>                                        
   <ajax:FontNameSelector />
   <ajax:FontSizeSelector />
   <ajax:Bold />
   <ajax:Italic />
   <ajax:Underline />
   <ajax:StrikeThrough />
   <ajax:JustifyLeft />
   <ajax:JustifyCenter />
   <ajax:JustifyRight />
   <ajax:JustifyFull />
   <ajax:InsertOrderedList />
   <ajax:InsertUnorderedList />
   <ajax:CreateLink />
   <ajax:UnLink />
   <ajax:RemoveFormat />
   <ajax:BackgroundColorSelector />
   <ajax:ForeColorSelector />
  </Toolbar>
</ajax:HtmlEditorExtender>  

<asp:TextBox ID="tbEditor"  runat="server" Width="570px" Height="570px"  Rows="10" TextMode="MultiLine" ></asp:TextBox>

Also, what is

OnTextChanged="TextBox2_TextChanged"

doing? If my above suggestion doesn't work, try removing that. If that works, post the corresponding function.

jason
  • 3,821
  • 10
  • 63
  • 120