Текстовое поле с возможностью вставки смайлов
Демо
//Пример инициализации с параметрами:
KEmoji.init('myEmoji', {
width: 300,
height: 200
});
var emojiList = KEmoji.initByClass('className', {width: 400, height: 200});
var kemoji = emojiList[0];
emoji.setSmileContainerWidth(100); // ширина всплывающего окна со смайлами emoji.setSmileContainerHeight(100) // высота
emoji.focus(); // переводим фокус на текстовое поле
<h4>Управление всплывающим окном со смайлами</h4>
```javascript
// показываем и скрываем блок со смайлами
emoji.showSmiles();
emoji.hideSmiles();
emoji.toggleSmiles();
emoji.getValue(); // значение как текст
emoji.getValue(KEmoji.HTML_VALUE); // как html
emoji.setValue('Hello $#D83DDE10#$') // задаем значение ввиде текста
emoji.setValue('Hello <img src="smile.png">', KEmoji.HTML_VALUE); // задаем html (не рекомендуется)В файле generator/index.php прописываем нужные параметры и запускаем
| Параметр | Описание | По умолчанию |
|---|---|---|
| ROOT_DIR | Корневая директория, относительно которой работают пути | текущая папка |
| INPUT_DIR | Директория со смайлами, названия которых должны строиться по шаблону кодсмайла.(png|gif|jpg) | generator/demo/emoji |
| OUTPUT_DIR | Директория для сохранения сгенерированного результата | generator/demo/result |
| SMILE_WIDTH | Ширина смайла | 16 |
| SMILE_HEIGHT | Высота смайла | 16 |
| MAX_COLS | Максимальное количество смайлов в одной строке картинки. | 20 |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent