Как реализовать полноценную строку ввода?

Question

[Владимир Федоров]

На данный момент у меня чат устроен так :

<div class="collapse" style="width: 100%; height: 40px; margin-top: 10px;margin-left: 8px;">
        <input type="text" id="msgsend" style="font-size: 9pt; height: 35px; width: 60%;background-color: cornsilk;" placeholder="Введите сообщение...">
       <a href="#" id="sendmsg" class="btnchat" style="height: 30px; width: 40%; text-decoration: none; color: #fff; padding: 11px 15px 11px 15px;">Написать</a> </div>

Мне вот хочется сделать полноценную строку ввода текста со смайлами . Пример :

Как можно переделать ?

Answer 1

[xmoonlight]

https://github.com/diy/jquery-emojiarea