HTMLEditor insert text at current cursor position

Hi, I’m using the jQuery ignite UI HTML Editor (v 2013.1)

I’m wishing to insert some text at the current cursor position.

The only references in the API I can find relates to invoking “getContent”/”setContent” like:

var currentContent = $(“#editor”).igHtmlEditor(“getContent”, “html”);

$(“#editor”).igHtmlEditor(“setContent”, currentContent + “{My Text}”, “html”);

 

But, this will only allow me to insert at the beginning or append the text, how can I insert text at the current cursor position?

Thanks

Steve

Hello Steve,

I am attaching a sample illustrating how the caret position in igHtmlEditor may be tracked in order to be able to insert content specifically at the caret position:

<script>
    var focusElement;   //keep the element at which the caret was lastly
    var selectionRange  //for IE7&8
 
 
    $(function () {
 
        $("#htmlEditor").igHtmlEditor();
 
        //Handle key and mouse up for the editor's input area in order to keep track of the caret position
        $($('#htmlEditor').find('iframe').contents()[0]).bind('mouseup keyup', function () {
            if (this.getSelection !== undefined) {
                focusElement = this.getSelection().focusNode;
            } else {
                selectionRange = this.selection.createRange();
            }
        });
 
        $("#button").click(function() {
            var addedText= "THIS IS SOME INSERTED TEXT";
 
            if (focusElement !== undefined) {
                $(focusElement).after(addedText);
            } else if (selectionRange !== undefined) {  //IE7 and IE8
                selectionRange.pasteHTML(addedText);
            } else {
                var currentContent = $("#htmlEditor").igHtmlEditor("getContent", "html");
                $("#htmlEditor").igHtmlEditor("setContent", currentContent + addedText, "html");
            }  
        })
 
    });
</script>

Note that IE7&8 require separate caretPosition tracking via selectionRange.

Hope this helps. Please do not hesitate to contact me if you have any questions.

Hello Steve,

Please do not hesitate to contact me if you have any questions regarding this scenario.