Работа с диапазонами Range, и отслеживание выделений

27.02.2023, 11:38. Показов 390. Ответов 0

Метки range, selection (Все метки)

Студворк — интернет-сервис помощи студентам

День добрый пытаюсь написать функцию, которая оборачивала бы выделенный текст в соответствующие теги. <b>, <u>, <i>

вот код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    selText = document.getSelection();
    anchorOffset = selText.anchorOffset;
    focusOffset = selText.focusOffset;
    node = document.getSelection();
    textSel = document.getSelection().toString();
 
     const tagDecorText = document.createElement(tag);
          tagDecorText.setAttribute('class', style);
 
        let range = new Range(); //создаю диапазон
                range.setStart(textNode.firstChild, anchorOffset);
                range.setEnd(textNode.lastChild, focusOffset);
 
                content = range.extractContents();
                tagDecorText.innerHTML = textSel;
                range.deleteContents(); 
                range.insertNode(tagDecorText);
                // применим выделение, объясняется далее
                document.getSelection().removeAllRanges();
                document.getSelection().addRange(range);

что получилось накрапать... проверял на подчеркивании, теги подчёркивания устанавливаются а как снять их обратно? И может объяснить принцип работы с методом getAtRange? а то не совсем понятен он мне

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

27.02.2023, 11:38

Ответы с готовыми решениями:

Работа с диапазонами
Подскажите пожалуйста как определить связный и не связный диапазоны, и какие вообще действия с диапазонами можно осуществлять

Работа с диапазонами
Дан список, например: Нужно вывести следующим образом: Вывод не 1-12, так как 10-12 не входит в диапазон 1-4,2-8

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

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

27.02.2023, 11:38

Помогаю со студенческими работами здесь

Работа с диапазонами ячеек в MS Excel
Используя MS Excel создать на языке VBA модуль вычисления функции в соответствии с выбранным вариантом. Проверить работу функции на рабочем...

Excel Макрос VBA работа с диапазонами
Добрый день. Есть таблица, во вложении файл, как есть и как должно быть. Нужно объединить значения в диапазоне с записью наименьшего...

Month Calendar. Работа с диапазонами дат
Month Calendar C# Здравствуйте почему в обработчике событий private void monthCalendar1_DateChanged(object sender,...

Работа с диапазонами данных на рабочем листе
а) Создать файл, содержащий сведения о погоде на неделю. Информация должна содержать следующее: название города; температура днем; осадки;...

Работа с диапазонами данных на рабочем листе MS Excel
Известно, в какую смену учится класс школы. класс / смена 1---------2 1---------2 2---------3 4 --------1 5---------1 ...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

Наверх