Получить в переменную html код выделенной области?

[Aroused]

Всем добрый вечер! Помогите с решением.

Задача - получить html код выделенной области на странице.

То есть, мы вешаем обработчик на событие выделения (ну, можно mouseup),

который при срабатывании запустит функцию, которая в свою очередь,

вернёт строку выделенной области с наличием html тегов,

буд-то мы выделяли исходный html код страницы.

Где копал:

1. document.getSelection(); document.selection.createRange().text; window.getSelection();

- в возвращаемых объектах нет удобных методов и значений решающих мою задачу.

2. библиотека jQuery++ (amd/range.js)

- $.Range.current() - возвращает выделенную строку без тегов.

- $.Range.parent() - возвращает текущий DOM Node выделенной области.

Подскажите, что как можно решить такую задачу?

Edited February 20, 2013 by Aroused

[nerv]

http://learn.javascript.ru/vydelenie-range-textrange-i-selection

[Aroused]

http://learn.javascr...nge-i-selection

Да, пытаясь решить эту задачу я попал на ту же статью на хабре.

Там решение есть только для ie -

TextRange.htmlText - вернет HTML-содержимое объекта.

UPD:

А вот и счастье, совсем забыл про stackoverflow.

... here's a function that will get you HTML corresponding to the current selection in all major browsers:

function getSelectionHtml(){
var html = "";
if(typeof window.getSelection != "undefined"){
var sel = window.getSelection();
if(sel.rangeCount){
var container = document.createElement("div");
for(var i = 0, len = sel.rangeCount; i < len; ++i){
container.appendChild(sel.getRangeAt(i).cloneContents());
}
html = container.innerHTML;
}
}else if(typeof document.selection != "undefined"){
if(document.selection.type == "Text"){
html = document.selection.createRange().htmlText;
}
};
return html;
};

Edited February 21, 2013 by Aroused