Добавление смайликов (emoji) в поля форм

Пример работы - многострочное поле на стенде.

Для возможности вставлять смайлики необходимо у элемента input или textarea добавить класс as-smile.

В форме для поля мы можем указать дополнительный класс в GetItem в SELECT 1: 

-- SELECT 1 in GetItem
select '' f1, 'as-smile' class_f1 
from t1

Данные сохраняются в юникоде. 

Кнопка вызова смайлов имеет класс emoji-btn, сам контейнер со смайлами - emoji-cont.

Вы можете подвинуть кнопку показа смайлов через CSS. 

.emoji-btn {
    position: absolute;
    right: 46px;
    z-index:4;
}

Настройки смайлов в as.systemOptions.js: 

  1. smile.enableCommentSmile - если true, то смайлы будут работать в Комментариях. По умолчанию false.
  2. smile.enableChatSmile - если true, то смайлы будут работать в Чатах.  По умолчанию false.
  3. smile.button - смайлик, который выводится на кнопке показа смайлов. По умолчанию '😄'
  4. smile.fontSize - размер смайлов. По умолчанию '20px'
  5. smile.items - массив доступных смайлов. По умолчанию: 
['😀', '😁', '😂', '😃', '😄', '😅', '😆', '😇', '😈',
                '😉', '😊', '😋', '😌', '😍', '😎', '😏', '😐', '😑',
                '😒', '😓', '😔', '😕', '😖', '😗', '😘', '😙', '😚',
                '😛', '😜', '😝', '😞', '😟', '😠', '😡', '😢', '😣',
                '😤', '😥', '😦', '😧', '😨', '😩', '😪', '😫', '😬',
                '😭', '😮', '😯', '😰', '😱', '😲', '😳', '😴', '😵',
                '😶', '😷', '😸', '😹', '😺', '😻', '😼', '😽', '😾', '😿',
                '🙀', '💩', '☠', '👌', '👍', '👎', '🙈', '🙉', '🙊']



Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом

Это быстрое внесение изменений

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

адаптация под мобильные устройства. Про юзабилити платформы

Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.
Сайт использует Cookie. Правила конфиденциальности OK