Вставить в текстовое поле | JavaScript

Question

Я пытаюсь вставить URL изображения там, где должна быть точка при редактировании значения textarea.

function addImageURL()
{
 var imageurl = prompt("Enter image URL", "Your name")
 var post = document.getElementById("message-put").value;

 document.getElementById('message-put').value = post + '[img]' + imageurl + '[/img]';
}

Этот код захватывает значение внутри и добавляет рядом с ним URL-адрес изображения, который мне не нужен, мне нужно, чтобы он вставлялся туда, где была точка при редактировании текстовой области

Спасибо

РЕДАКТИРОВАТЬ:

Как и Stackoverflow, вы видите значок изображения, щелкаете по нему или нажимаете на гиперссылку, появляется окно и вставляет его туда, где вы редактировали текстовую область: P

альтернативный текст http://i45.tinypic.com/eqa7m8.png

Answer 1

Если вы хотите вставить что-то в курсор, вот что я нашел с помощью Googlez:

function insertAtCaret(areaId, text) {
    var txtarea = document.getElementById(areaId);
    var scrollPos = txtarea.scrollTop;
    var strPos = 0;
    var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false ) );

    if (br == "ie") {
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart('character', -txtarea.value.length);
        strPos = range.text.length;
    } else if (br == "ff") strPos = txtarea.selectionStart;

    var front = (txtarea.value).substring(0, strPos);
    var back = (txtarea.value).substring(strPos, txtarea.value.length);

    txtarea.value = front + text + back;
    strPos = strPos + text.length;

    if (br == "ie") {
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart('character', -txtarea.value.length);
        range.moveStart('character', strPos);
        range.moveEnd('character', 0);
        range.select();
    } 

    else if (br == "ff") {
        txtarea.selectionStart = strPos;
        txtarea.selectionEnd = strPos;
        txtarea.focus();
    }

    txtarea.scrollTop = scrollPos;
}

Источник: http://www.scottklarr.com/topic/425/how-to-insert-text-into-a-textarea-where-the-cursor-is/ (я не проверял это; это с 2008 года, поэтому может быть немного устаревшим).

Answer 2

Техника, которую я использовал, пытаясь достичь аналогичной функциональности в WYSIWYG:

Извлечение родительского узла из выбора (диапазона) в Gecko и Webkit " StackOverflow

Может быть полезно, если вы работаете с фреймами или хотите избежать некоторых проблем с курсором, с которыми я столкнулся.

Answer 3

Я думаю, вы можете найти то, что ищете здесь:

Положение каретки в текстовой области, в символах с начала

И пример реализации здесь:

http://javascript.nwbox.com/cursor_position/