Кнопка выделения выделенного диапазона Javascript

m пытается создать учебный инструмент для страницы, который позволяет пользователю выбрать любой текст на странице и нажать кнопку. Этот щелчок затем форматирует выделенный текст с желтым фоном. Я могу сделать эту работу внутри одного тега, но если диапазон выделения находится между несколькими тегами (например, первый LI в неупорядоченном списке вместе с половиной второго), у меня возникают трудности с применением стиля. Я могу'к сожалению, здесь просто обернуть выделение диапазоном.

В основном, я хочу эффекты, связанные сcontentEditable а такжеexecCommand фактически не делая ничего редактируемого на странице, кроме применения цвета фона к выделенному тексту одним нажатием кнопки.

Я открыт для решений JQuery и нашелэтот плагин кажется, это упрощает возможность создания диапазонов в разных браузерах, но я не смог использовать его для применения какого-либо форматирования к выбранному диапазону. Я вижу из консоли, что этоs выбирает выбор, но использует что-то вроде:

var selected = $().selectedText();
$(selected).css("background-color","yellow");

не имеет никакого эффекта

Любая помощь, указывающая мне правильное направление, будет принята с благодарностью.

Ответы на вопрос(2)

Ваш ответ на вопрос