Всем добрый лень!
Подскажите пожалуйста, как правильно интегрировать либу в приложение
Есть файл TextHighlighter.js , в нем описана логика выделения текста такая как мне нужна!
Вот так это интегрируется к обычному html

<script src="TextHighlighter.js"></script>

<script>
 let hltr = new TextHighlighter(document.body);
</script>

Мне нужно что б данный функционал работал на определенной странице моего app
как сделать, помогите пожалуйста!

А для реакта нет либ?

GitHub - bvaughn/react-highlight-words: React component to highlight words within a larger body of text
https://github.com/bvaughn/react-highlight-words

Вот например

перепробовал все, такой не нашел
тут суть в том что прилетает hml документ с сервера с готовой разметкой, и все либы с выделением под реакт не дают выделять текст так как эта, эта оборачивает все текст ноды в спан и подсвечивает

Задействовать либу можно если использовать useRef и useEffect

я перепробовал реализацию с getSelected, но не работает так как эта либа, в ней просто написано 1000 строк функционала

Через useRef получаете указатель на элемент который надо подсветить, а в useEffect инициализируете переменную

Есть кто работал с чакрой?
Сталкивались с проблемой что NumberInput удаляет 0 если он стоит первым

вот как выглядит конец функции с того файла

получается самовызывающая функция которая оборачивает все что описано в фале

Вроде нет

А вам надо все что в документе выделить?

Не один тег?

да, там в документе разная вложенность и нужно выделять разные участки документа

Тогда не знаю как это с реактом интегрировать

если б по одному тегу то не проблема, у меня это реализовано

Трудно будет

а нужно разные теги и разная вложенность

🙈😔