替换textarea中的文本在他的确切位置

Question

我想在他的确切位置上更改textarea的一些文本（突出显示选择）。为此，我使用：

//Get highlight text 

function hlText () {
    var txtarea = document.getElementById("addMess");
    var start = txtarea.selectionStart;
    var finish = txtarea.selectionEnd;
    var sel = txtarea.value.substring(start, finish);
    return sel;    
                   }
$("#bla").on("click", function() {

        if($("#addMess").val())
    {

            var highlight = hlText($('textarea#addMess').val());
            var replaceHl = '[]'+ highlight +'[]';
            var selectVal = $('textarea#addMess').val();

            $('textarea#addMess').val(selectVal.replace(highlight, replaceHl));

    }

});

问题是，如果textarea如下：

aaaa aaaa aaaa aaaa aaaa  

替换不准确，否则如果值突出显示是唯一的，则可以正常工作。

谢谢。