Кнопка выделения выделенного диапазона Javascript
m пытается создать учебный инструмент для страницы, который позволяет пользователю выбрать любой текст на странице и нажать кнопку. Этот щелчок затем форматирует выделенный текст с желтым фоном. Я могу сделать эту работу внутри одного тега, но если диапазон выделения находится между несколькими тегами (например, первый LI в неупорядоченном списке вместе с половиной второго), у меня возникают трудности с применением стиля. Я могу'к сожалению, здесь просто обернуть выделение диапазоном.
В основном, я хочу эффекты, связанные сcontentEditable
а такжеexecCommand
фактически не делая ничего редактируемого на странице, кроме применения цвета фона к выделенному тексту одним нажатием кнопки.
Я открыт для решений JQuery и нашелэтот плагин кажется, это упрощает возможность создания диапазонов в разных браузерах, но я не смог использовать его для применения какого-либо форматирования к выбранному диапазону. Я вижу из консоли, что этоs выбирает выбор, но использует что-то вроде:
var selected = $().selectedText();
$(selected).css("background-color","yellow");
не имеет никакого эффекта
Любая помощь, указывающая мне правильное направление, будет принята с благодарностью.