Inserir texto dinâmicamente em textarea após o cursor

Seguinte pessoal estou desenvolvendo um editor web e gostaria de saber como posso estar inserindo de forma dinâmica elemento dentro da textarea depois do ponteiro, pois consigo inserir mas os mesmos vão sempre para o fim do texto. Encontrei um código na net mas se caso usar <enter> ele zua todo o texto:

Código da net, onde insere é um textarea:

<script>
var rng;
function posiciona(){
rng = document.body.createTextRange();
rng.moveToPoint(window.event.x, window.event.y);
}
function inserir(tag) {
if (rng) rng.text=""+tag+"";
document.form1.insere.focus();
}
</script>

Código que estou fazendo:

function addLink() {
var linked = $("#control2-input-link").val()
var titulo = $("#control2-input-titulo").val();
var checks = "input[@name=editor-control2-target]";
var target;

$(checks).each(function(i) {

if($(this).is(":checked")) {

var checkValue = $(this).val();
if(checkValue == 1) {
target = "target='_blank'";

} else {

target = "";
}
}
});

var newLink = "<a href='" + linked + "' title='" + titulo + "' " + target + ">" + titulo + "</a>";
$("#editor").val($("#editor").val() + newLink);
}

já havia tentando com append mas o resultado era o mesmo:

$("#editor").append(newLink);
Alguém tem uma idéia como resolver por favor!!!!