Hi Pavannpt,

My original sample was following:

<script type="text/javascript">
function SetCursorToTextEnd()
{
 var editor = iged_getById('<%=WebHtmlEditor1.ClientID%>');
 if (editor._ie)
 {
    var range = document.body.createTextRange();
    range.moveToElementText(editor._elem);
    range.moveStart('character', range.text.length);
    range.collapse();
    range.select();
    editor.insertAtCaret('<span style="background:red">inserted span</span>');
   }        
}
</script>
<ighedit:WebHtmlEditor ID="WebHtmlEditor1" runat="server"></ighedit:WebHtmlEditor>
<input type="button" onclick="SetCursorToTextEnd()" value="SetCursorToTextEnd" />

I tested by copying your content with dummy1..dummy22 spans into editor at HTML view. After that I changed to Design view, clicked mouse in the middle of content in order to move caret from the end, clicked button and new text was inserted at the end (as expected).

I also tested scenarion when Text with dummy1..dummy22 was set within Page.OnLoad on server and with processing Focus event (Though similar looks odd to me. Probably there are some special validations in your application).
When I set focus to editor by clicking in the middle of content the new object was inserted at the end. So, it worked correctly too. Below are aspx codes which I tested:

<script type="text/javascript">
function WebHtmlEditor1_Focus(editor)
{
 if (editor._ie)
 {
  var range = document.body.createTextRange();
  range.moveToElementText(editor._elem);
  range.moveStart('character', range.text.length);
  range.collapse();
  range.select();
  editor.insertAtCaret('<span style="background:red">inserted span</span>');
 }       
}
</script>
<ighedit:WebHtmlEditor ID="WebHtmlEditor1" runat="server">
   <ClientSideEvents Focus="WebHtmlEditor1_Focus" />
</ighedit:WebHtmlEditor>

However, I could not get dotted-desing view rectangle for the "dummy19" similar to your attached image. I am not sure what browser will do if you will try to call javascript selection function while browser in that design-edit-mode (wide dotted resizable rectagle). If selection methods fail, then that is the limit of javascript usage.

Hi pavannpt,

I suggest you to use body to createTextRange instead of editor._elem (which is DIV). Below is example for you:

function SetCursorToTextEnd()
{
 var editor = iged_getById('<%=WebHtmlEditor1.ClientID%>');
 if (editor._ie)
 {
    var range = document.body.createTextRange();
    range.moveToElementText(editor._elem);
    range.moveStart('character', range.text.length);
    range.collapse();
    range.select();
//  editor.focus();
 }        
}

I have tried using javascript to set cursor position to text end on webhtmleditor focusin event but it alwasy gives me error at the following line [text.createTextRange(); It says undefined], but if i use this with normal textbox it works fine. Please suggest if u have any better solution

function SetCursorToTextEnd()
    {   
        var editor = iged_getById('<%=panelTo.ClientID%>');
        var text = editor._ie ? editor._elem : editor._doc().body;
       
        //alert(text.innerText);
        if (text != null && text.innerText.length > 0)
        {
            //if (text.createTextRange)
            //{
                var FieldRange = text.createTextRange();
                FieldRange.moveStart('character', text.innerText.length);
                //FieldRange.moveEnd('character', text.innerText.length);
                FieldRange.collapse();
                FieldRange.select();
            //}
        }       
    }

We are populating SPAN Html controls inside webhtmleditor.

example: webHtmlEditor1.Text = "<span id='I_1' title='Select to Delete.' contentEditable='false' unselectable='true' style='color:#00589F'>Dummy 1</span>;"; etc...