Поместите курсор между двумя точками в текстовой области на кнопку

Question

Я добавляю код в текстовую область при нажатии кнопки, я бы хотел поместить курсор в определенную точку в текстовой области.

например. курсор идет здесь при нажатии кнопки

Вот код, который у меня есть сейчас, любая помощь будет замечательной.

HTML

<a href="#" class="button grey div">div</a> 
<textarea id="editor" class="html-text" spellcheck="false"></textarea> 

JQuery

$(".div").click(function() { 
    var caretPos = document.getElementById("editor").selectionStart; 
    var textAreaTxt = $("#editor").val(); 
    var txtToAdd = '<div></div>'; 
    $("#editor").val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos)); 
    return false; 
}); 

Answer 1

Использование

$("#editor").focus(); 

дать фокус обратно в текстовое поле, а затем

$("#editor")[0].setSelectionRange(selectionStart, selectionEnd); 

чтобы поместить курсор.

setSelectionRange