Как реализовать текстовое поле со смайлами?

Question

[Алексей Верховцев]

Всем привет, подскажите, пожалуйста, как можно реализовать блок с текстом для ввода сообщения для чата, как, например Вконтакте или Facebook, и соответственно как в него смайлы потом вставлять, просто через img? Раньше думал, что делается с помощью textarea, это было моё самое больше заблуждение... Прошу помощи, заранее спасибо

Comments

[Zhainar]

да зачем эти смайлики, правая скобочка все заменит) Захардкорь через textarea.

Answer 1

[Sn0wSky]

Дак открыли бы devTools и посмотрели

Answer 2

[Алекс Глебов]

обычный блок с contenteditable="true"

Answer 3

[sokollondon]

https://github.com/twitter/twemoji/


Готовое решение - визуальный редактор TinyMCE, к нему можно подключить twemoji как на картинке выше.