Никаких плагинов. Поле ввода делается обычным тегом
div с атрибутом
contenteditable="true", что бы в него можно было писать текст с клавиатуры, а так же видеть вставленные в него картинки!
Выглядит так:
<div class="fieldMessage" contenteditable="true"></div>
При клике на смайлик добавлять его в это поле.
Выглядит так:
$('.smile').on('click', function(){
// Предпологается, что .smile - это картинка
$('.fieldMessage').append($(this));
});
Написано конечно на коленке, для демонстрации логики, но это поверхностное видение, как и что у вас сделано мне не ясно!
При отправке:
Если вы отправляете форму через ajax - то достаточно просто получить содержимое
div'a в виде строки и отправить на сервер.
Если форма отправляется как по умолчанию, с обновлением страницы, то вам нужно создать скрытое поле в форме и туда дублировать всё написанное в этот
div, тоже в виде строки
