[traa]

Столкнулся с проблемой, которая, как оказалось, не так уж и тривиально решается.
Есть функция.

function mk_Selection(){ 
  var sel, output; 
  if (window.getSelection) { 
     sel = window.getSelection().getRangeAt(0).cloneContents(); 
  } else if (document.selection) { 
     sel = document.selection.createRange().htmlText; 
  }; 
 return sel;
}

Она берет выделенный фрагмент текста и возвращает его вместе со всей разметкой.
Одно НО!
Полученный результат невозможно вставить куда-то на страницу, поскольку он представляет собой объект Document Fragment.

Попытка получить его посредством

var st = mk_Selection();
 for (var i = 0; i < st.childNodes.length; i++) 
....

Успехом не увенчивается, поскольку у childNodes нет единого формата вывода, а перечислять все возможные виды тэгов и их атрибуты, чтобы сохранить разметку, - нереально.

Может, я что-то где-то пропустил, хотелось бы что-то в духе

var st = mk_Selection();
$(st).text();

(выводит только текст, без разметки, но нужно с разметкой, т.е. что-то типа $(st).html())

Иначе говоря, гуглю, да никак не нагуглю конвертацию чайлдНодов в стринг .

И, напоследок, вот как выглядит в консоли хрома полученный результат. Как бы его теперь из консоли вытащить в обычный хтмл?

Заранее благодарен.