Как подставить изображение в input?

Question

[Сергей Титов]

Решил сделать смайлы для чата, однако понятия не имею, а как мне сделать, чтобы само поле ввода текста (input) парсило html код, меняя на смайл? Например, в вк при клике на смайл, он появляется в текстовом поле, но там вроде как не input. Можете подкинуть идейку? Заранее спасибо ;)

Comments

[1001001 111]

Сергей Титов Ну вот что-то вроде этого jsfiddle.net/ryr4x9rj

Answer 1

[zoh]

Без html не получиться

<div id="myDiv" contenteditable="true">
 <img scr="">
</div>

дальше js обёртки.

Comments

[Сергей Титов]

шта?

[zoh]

обновил)

Answer 2

[Дмитрий]

А вы посмотреть, как сделано в ВК, не смогли?( это же просто. А по сути вопроса - смотрите атрибут contenteditable для div-ов например.