Как добавить смайлы в div?

Question

[k2lhu]

Использую расширение jquery-emoji-picker, в input и textarea смайлы добавляются без проблем, а как добавить смайлы в
<div contenteditable="true">
Попробовал по аналогии просто указать нужный класс, но этого видимо недостаточно.

$('.divForSmile').emojiPicker({
            height: '300px',
            width: '450px',
        });

Comments

[Diversia]

k2lhu поделитесь решением пожалуйста!

[k2lhu]

Diversia, у используемого мной пакета был найден форк, где это было исправлено. Сейчас попробую найти, если что, завтра скажу точно )

[k2lhu]

Diversia, вот ссылка на форкнутый пакет с исправлениями, инструкции к использованию применимы и там и там.
Дополнительно - для сохранения смайлов в бд, необходима кодировка самой бд utf8mb4, обычная utf8_general_ci не подходит, unicode тоже не подходит.

[Diversia]

k2lhu, буду пробовать, спасибо!

Answer 1

[Stalker_RED]

Triggering Emoji Picker Manually

To trigger the button manually, you can call a jQuery function on the same element you bound it to.

$('#question').emojiPicker('toggle');

Comments

[k2lhu]

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

Answer 2

[Максим Тимофеев]

1. Ваш код должен добавлять смайл в элемент с классом divForSmile. В Вашем коде div без класса. Что Вы ждете? Что скрипт догадается куда добавить?
2. Оформите код на https://jsfiddle.net/ что бы можно было проверить.
3. Если вдруг скрипт заточен только на textaria (хотя вряд ли) что мешает сделать ее невидимой и при ее изменении, изменять div дописав две строчки кода.