Как добавить div после выделенного фрагмента?

Question

[Владимир Шишминцев]

Добрый день.

Подскажите как можно добавить div после выделенного фрагмента:

Answer 1

[Владимир Шишминцев]

Вот реализация jsfiddle.net/aSUSh/297
Включенный Firebug выдает совершенно не те данные по координатам, много времени потратил пока не выключил его)

Answer 2

[vdem]

api.jquery.com/select
И в отладчике смотрите, какие там данные в событии приходят. Их должно быть достаточно, чтобы определить, куда вставлять.

Comments

[Владимир Шишминцев]

@vdem не понял как это поможет

[vdem]

@Pingvi не, select только для полей ввода работает. так что см. здесь: stackoverflow.com/questions/3545018/selected-text-...

Answer 3

[Дмитрий]

function wrapText(elementID, openTag, closeTag) {
    var textArea = $('#' + elementID);
    var len = textArea.val().length;
    var start = textArea[0].selectionStart;
    var end = textArea[0].selectionEnd;
    var selectedText = textArea.val().substring(start, end);
    var replacement = openTag + selectedText + closeTag;
    textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len));
}

пример функции для обертываения выделенного текста в тэги.

Answer 4

[RubaXa]

habrahabr.ru/post/55922 — отличная статья на эту тему