Используй кастомные теги , ты можешь писать типа <underline>text</underline> и распарсить уже в спан какой-то с своим классом через замену replace

Мне нужно кастомизировать текстовый ввод с подсветкой ключевых слов, подчеркиванием и выделением текста (типа своя textarea, по мере набора реагирующая на ввод). Что можете посоветовать?

Хендлить каждый key event и получать текст с учетом языка, а так же shift, caps — это слишком трудозатратно. Подумал ввести фейковую textarea которая будет скрыта, но какой-то дикий костыль.

Может кто нибудь имел опыт работы с подобным, дайте какие нибудь идеи теоритические.

Какое-то готовое решение вроде code editor, rich text editor, code mirror взять не могу потому что они имеют ограничения и ориентированы на конкретный синтаксис, у меня же набор ключевых слов и синтаксис не стандартный.

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

Автозамена кастом тега на твой спан с классом , все просто

при этом есть фейковый инпут в которой осуществляется основной ввод?

наверное можно в тот же, только затротлить событие обработки

так, а как теги то вставишь в обычный инпут

при этом есть фейковый инпут в которой осуществляется основной ввод?

Почему фецковый , тот же инпут , просто если их много разных , исспользуц какой-то конкретный хендлер или просто параметр и по условию

А я понял о чём ты , ты хочешь  стилизовать в самом инпуте ?

конечно. мне нужно стилизовать вводимый текст
прям перед лицом юзера)

Если это будет дубликат , то без проблем , если прям тот же текст который ты пишешь то надо думать нетривиально )

конечно. мне нужно стилизовать вводимый текст
прям перед лицом юзера)

достаточно тривиально

Написать редактор текста это задача не простая для обсуждения в чатике ))

Написать редактор текста это задача не простая для обсуждения в чатике ))