Подбор эмодзи: поиск и копирование

Что такое подбор эмодзи?

Я сделал этот подборщик потому, что устал открывать системную панель эмодзи только ради тех же пяти лиц и каждый раз скроллить по две минуты. Ввести, кликнуть, вставить — весь поток в этом. Набор данных — Unicode 15.1 (более 3 700 эмодзи), разделённый на девять категорий, с поиском по имени и ключевым словам, шестью тонами кожи Fitzpatrick для эмодзи с людьми и строкой «Недавние», которая помнит, что вы копировали в этом сеансе.

Основные возможности

Набор данных — Unicode 15.1: каждое лицо, рука, еда, флаг и символ, добавленные до 2023 года, взяты непосредственно из стандарта. Категории — те самые девять, что определил консорциум Unicode: Смайлики и эмоции, Люди и тело, Животные и природа, Еда и напитки, Путешествия и места, Активности, Предметы, Символы, Флаги. Строка «Недавние» располагается рядом с кнопками категорий и записывает то, что вы копировали в течение сеанса, — она хранится в localStorage под ключом RECENT_EMOJIS_KEY и ограничена MAX_RECENT_EMOJIS записями.

Поиск обращается и к имени эмодзи, и к списку ключевых слов, поэтому при вводе heart возвращаются ❤️ и заодно 💛, 💚, 💙, 💘. Тона кожи используют шкалу Fitzpatrick (по умолчанию + пять модификаторов); выбор одного применяется к каждому эмодзи с человеком, поддерживающему модификаторы, а эмодзи с hasSkinTone === false (предметы, флаги, еда) выбор игнорируют. По клику эмодзи попадает в буфер обмена, на плитке на 1,5 секунды мигает зелёная галочка-оверлей и появляется тост — три уровня обратной связи, потому что записи в буфер легко не заметить.

Сетка адаптивная: 8 колонок на телефонах, 10 на планшетах, 12 на десктопах. Высота зафиксирована на 400px, в крупных категориях работает вертикальная прокрутка.

Как пользоваться

Откройте Скоро: подбор эмодзи — он стартует на категории «Смайлики и эмоции». Кликните любую другую кнопку категории, чтобы переключиться. Если нужен тон, выберите его в ряду из шести кнопок с машущей рукой над категориями до того, как нажать на эмодзи; выбранный тон применяется в момент копирования, поэтому 👋 при выбранном среднем тоне в буфере становится 👋🏽. Поиск побеждает прокрутку для всего, что вы можете назвать: введите coffee, и ☕, 🧋 появятся сразу. Очистите поле, чтобы вернуться к просмотру по категориям.

Строка «Недавние» (значок часов, крайняя левая в ряду категорий) хранит историю сеанса в порядке копирования. «Недавние» сохраняет базовый эмодзи без модификатора тона — текущий выбор тона повторно применяется в момент копирования, так что переключение тона не ломает историю.

Практические примеры

Сообщение в Slack про релиз:

Поиск: fire    → клик 🔥
Поиск: rocket  → клик 🚀

Обе копии попадают в «Недавние» для следующего сообщения.

Найти флаг страны, не помня, в каком ряду он лежит:

Категория «Флаги» → поиск: brazil → клик 🇧🇷

Сохранить единый тон кожи в одном сообщении:

Тон: тёмный (5-я кнопка) → клик 👍, 🙏, 🤝
В буфер попадают 👍🏿 → 🙏🏿 → 🤝🏿

Советы и хорошие практики

Выбор тона и категории сохраняется в состоянии компонента и восстанавливается из пресета (премиум-функция); сохранённые пресеты фиксируют как selectedSkinTone, так и selectedCategory.

Поиск не ранжируется. Результаты выходят в естественном порядке набора данных, так что широкие термины вроде heart или face дают много, узкие вроде anguished — один-два. Если поиск пуст, попробуйте синоним: sob вместо cry, grin вместо big smile, poop, если brown не выдаёт ожидаемое. Имена в наборе — официальные имена Unicode и не всегда совпадают с разговорными формулировками.

Модификаторы тона применяются только к эмодзи с hasSkinTone === true. Флаги, еда, предметы и символы остаются жёлтыми независимо от выбранного тона.

Частые проблемы и их решение

После нескольких копий «Недавние» пусты. Список читает из localStorage. Приватные/инкогнито-окна и браузеры с отключённым localStorage не сохраняют его — копии в текущем сеансе остаются в памяти, но сбрасываются при перезагрузке.

Вставленный эмодзи виден как квадрат или знак вопроса. Принимающее приложение или платформа не поддерживает этот кодпоинт Unicode 15.1. Эмодзи 2022–2023 годов могут не отображаться на старых версиях Android, старых ОС или приложениях, которые не обновили шрифт эмодзи. Старые эмодзи 2015–2019 годов работают везде.

Тост сообщает «скопировано», но в буфере неверный тон. Выбран модификатор тона. Кликните самую левую (стандартную) кнопку тона, чтобы убрать модификатор, и скопируйте снова.

Конфиденциальность и безопасность

Поиск, фильтрация по категориям, применение тона кожи и записи в буфер обмена выполняются локально. Полный набор эмодзи поставляется вместе с JavaScript страницы. Запросы, скопированные символы и данные использования никуда не отправляются. Недавние эмодзи живут в localStorage и остаются на вашем устройстве. После первой загрузки подборщик работает офлайн.

Часто задаваемые вопросы

Как работает выбор тона кожи?

В Unicode тона кожи используют модификаторы шкалы Fitzpatrick (кодпоинты U+1F3FB — U+1F3FF), которые добавляются после кодпоинта базового эмодзи. Подборщик вызывает applySkintone(emoji.emoji, selectedSkinTone), который присоединяет модификатор, если флаг hasSkinTone у эмодзи равен true. Эмодзи без поддержки тонов копируются без модификатора.

Сколько эмодзи можно хранить в «Недавних»?

Список «Недавние» ограничен MAX_RECENT_EMOJIS записями. Новые копии встают в начало; самая старая запись отбрасывается на пределе. Повторное копирование того же эмодзи перемещает его в начало, а не дублирует.

Можно ли искать на других языках, кроме английского?

Нет. Поиск опрашивает имена и ключевые слова из набора данных, а это официальные английские имена стандарта Unicode. Используйте английские ключевые слова.

Почему при клике на эмодзи появляется зелёный оверлей?

Это визуальное подтверждение того, что копирование прошло успешно. Оверлей держится 1,5 секунды (setTimeout(() => setCopiedEmoji(null), 1500)) и затем исчезает. Тост сбоку подтверждает конкретный скопированный символ.

Попробуйте подбор эмодзи сейчас: Скоро: подбор эмодзи

Связанные инструменты

• Скоро: Таблица ASCII — посмотреть коды символов для не-эмодзи в диапазоне ASCII.
• Скоро: Случайный выбор — случайный элемент из вашего списка.