JS / jQuery: лучший способ отформатировать / выделить определенные слова в текстовой области

Question

Я хочу иметь возможность обнаруживать введенный текст и отображать его обратно пользователю, изменяя цвет определенных слов в текстовой области. Почти так же, как в Facebook или Twitter, когда пользователь вводит тег @username в сообщение.

Я хочу, чтобы это слово было выделено пользователю перед отправкой сообщения, чтобы они знали, что приложение его подтвердило.

Каков наилучший способ достижения такого стиля?

Answer 1

Элементы Textarea не допускают стилизацию:

<textarea><b>Hi</b></textarea>

Текст не будет выделен жирным шрифтом, он будет отображать HTML как текст.Вместо этого попробуйте атрибут contenteditable .