Техническое задание:
В приложенном фрагменте кода ниже требуется реализовать поиск текста в редакторе, по аналогии с Ctrl+F поиском в браузере.
В редакторе editor должны подсвечиваться все совпадения со строкой введенной в поле search.
Ограничения:
нельзя использовать сторонние библиотеки;
текст должен подсвечиваться динамически по мере ввода и в editor и в search поле;
если текст перестал совпадать с искомой строкой, то подсветка должна пропадать.
Для вдохновения стоит уделить внимание абстракции Range и ClientRect.
Ниже прикрепил template, который нужно немного доделать (сделать поиск нужного слова в <div>). Да, проект простой.
Время выполнения: 1-2 дня.