Сохранение выбора с событием onmouseup

Question

Im экспериментирует с диапазоном в javascript;

function matej() 
{var x=window.getSelection(); 
var renge=x.getRangeAt(0); 
    var g=document.createElement("span"); 
renge.surroundContents(g); 


} 

window.onmouseup=matej; 

Эта вещь делает это, но выбранный текст теряет свой выбор. Как я могу сохранить этот выбор? Вот демонстрация http://jsfiddle.net/Trolstover/fduw8mor/1/

Answer 1

Эта проблема не так проста, как кажется на первый взгляд. Возможно, вам стоит рассмотреть возможность просмотра (или использования) библиотеки, например, rangy. Я использовал его в прошлом с успехом.

Посмотрите на ClassApplier Docs в частности. Основная стратегия - обнаружить все текстовые ноды в выбранном диапазоне и применить к ним класс, чтобы они все еще были выбраны. Вы можете настроить стиль, чтобы выглядеть так же, как стили выбора пользовательского агента, если хотите.