Я пытаюсь реализовать Twitter-подобный почтовый ящик. Если максимальная длина увеличена, то дополнительный контент становится красным. Итак, я создал редактируемый div контента и внутри него я динамически добавил span, если контент превышает максимальную длину. Мне удалось реализовать это, но проблема в позиции курсора / каретки, не в состоянии управлять позицией курсора, если пользователь пытается редактировать текст.
Поэтому я вставил сюда рабочую ссылку в песочнице: -
https://codesandbox.io/s/twitter-comment-box-with-hooks-1m23t
Я пытался использовать range.setStart (ref.childNode [узел], индекс) range.setEnd (ref.childNode [узел], индекс)
но выдает ошибку в консоли: -
Writing.tsx:38 Uncaught DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 2.
вы можете увидеть это в песочнице