Вид на светлом фоне



Вид на тёмном фоне



Скрипт предоставляет доступ ко всем смайлам, отсутствующим в панели чата, на форуме, в профиле и в других местах с элементами.


Всплывающее окно со смайликами может быть открыто двумя способами:
1. При клике левой кнопкой мыши по полю ввода текста или смайлика с зажатым Ctrl.
2. С помощью двойного нажатия клавиши Q (Й) (не имеет значения текущая раскладка клавиатуры).

Окно скрывается следующими способами:
1. При двойном клике левой кнопкой мыши по самой панели смайликов (не на кнопках).
2. При нажатии клавиши ESC или Q (Й).
3. При нажатии на кнопку с крестиком для закрытия окна.
4. При нажатии клавиши Space, если панель открыта.
5. При клике вне фокуса панели смайликов.
6. При клике с зажатым Ctrl по тому же текстовому полю, с которого была вызвана панель смайликов.

Панель смайликов включает категории, между которыми можно переключаться как кликом мыши по кнопкам категорий, так и с помощью клавиш: H, Shift + Tab, S — назад, L, Tab, F — вперёд.
Каждая категория запоминает свой выбор при следующем открытии.

Эмотиконы можно выбирать как кликом мыши, так и переключаться между ними с помощью клавиш ( S, F ), ( J, K ) или стрелки < >.

При нажатии Enter, ; (Semicolon), A эмотикон вставляется, и панель закрывается. С Shift + Enter, Shift + ; (Semicolon), Shift + A эмотикон вставляется, но панель остаётся открытой.
При клике левой кнопкой мыши эмотикон вставляется, и панель закрывается. С зажатым Shift и кликом левой кнопкой мыши эмотикон вставляется, но панель остаётся открытой.

Для добавления эмотикона в категорию избранных (Favorites) зажмите Ctrl и кликните левой кнопкой мыши. Чтобы удалить эмотикон из избранных, перейдите в раздел Favorites и снова используйте Ctrl + ЛКМ — это удалит его из списка.

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

Панель запоминает часто используемые эмотиконы и выводит их в топ. Историю можно очистить, кликнув на кнопку с корзиной. Это сбросит сортировку эмотиконов как часто используемые.

Панель также адаптируется под общий цвет фона. Если вы используете расширения типа Stylish для изменения цветов страницы, панель будет автоматически подстраиваться под яркость вашего стиля.

Для работы скрипта, необходимо иметь установленное расширение Tampermonkey.
Текущая ссылка для установки: GreaseFork
Также доступна версия на Github для копирования.

Без негатива, просто мысли вслух, возможно критические:


По дабл-клику − не самая удачная идея, ведь дабл-клик в поле ввода − это выделение слова. Некоторые пользуются этим делом.


Имхо, нужно ещё добавить где то очевидный крестик, по которому можно просто мышой клацнуть и закрыть.

Ещё иногда возникают непонятки: смайлы или выглядят мыльно (похоже они как-то рескейлятся неправильно), а иногда − вылазят за пределы своих плейсхолдеров. Возможно это конфликты с другими моими стилями, надо бы уточнить.

Не работает.
Заработало.

Но желательно бы сделать чтобы также можно было использовать в личке

Также неплохо было бы сделать функцию поиска смайликов

Обновлено до версии 0.2

1. Вместо Ctrl + двойной клик левой кнопки мыши, панель открывается по Shift + двойной клик левой кнопки мыши.
2. Добавлена кнопка закрытия панели (двойной клик по панели для закрытия остаётся в силе)
3. Теперь можно вставлять смайлики в сообщениях профиля, но правда вызывается панель только по сочетанию горячих клавиш
Ctrl + ;
По двойному клику по полю для ввода пока не получается сделать. (Не прикрепляется событие).
4. Вместо текстовых надписей на кнопках категорий отображаются иконки emoji.

Обновлено до версии 0.3

1. Заработало сочетание горячих клавиш Shift + двойной клик левой кнопкой мыши по полю для ввода текста в личных сообщениях профиля. Ура!

О, круто!


Да, так выглядит лучше!

Душа Чата, спасибо!

а хотя опять не работает

Уже несколько раз переустанавливал новую версию, не работает
* - уже заработало

Душа_Чата, а можно будет как-нибудь создать скрипт, который окрашивает в рейтинге и в бортжурнале ники наборщиков в цвет их ранга?

я помню как-то предлагал уже окрашивать ники в цвет их ранга в рейтинге

Обновлено до версии 0.4

1. Добавлена возможность переключаться между категориями по клавише Tab.
2. Положение панели теперь фиксированное относительно верхнего края браузерного вьюпорта.
Это сделано для того, чтобы панель не прыгала в зависимости от количества смайликов в контейнере,
при переключении между категориями. Теперь намного удобнее клацать по кнопкам категорий
без необходимости переводить курсор вниз вверх, что немного раздражало.
3. Панель теперь имеет минимальную фиксированную ширину, чтобы не ломалась компоновка
(чтобы кнопка закрытия панели не перекрывала крайную правую кнопку категории).
4. Технический нюанс (оптимизация). Теперь eventListener на переключении между вкладками по Tab
добавляется на момент создания панели и прикрепляется к document, а после удаления панели
этот самый event удаляется посредством removeEventListener. Это нивелирует количество отслеживаемых
нажатий, что значительно повысит производительность всецело.
5. Также теперь можно отправлять смайлики в профильном поле для прямых соообщений. Раньше было только в сохранённых.

Обновлено до версии 0.5

1. Был произведён лёгкий фикс . Скорее фикс уже сделанного в версии 0.4.
Проблема заключалась в том, что нельзя было вызывать панель через двойной клик с зажатым шифтом во всех сохранённых личных сообщениях,
так как евент прикреплялся к одному элементу и после динамического обновления страницы тут же убивался.
Также была невозможность вставки смайликов в другие вызыванные поля для ввода даже если сама панель вызывалась
сочетанием горячих клавиш. Опять же из-за слёта всего необходимого.
Теперь такой проблемы нет. Пришлось извернуться немного, чтобы это исправить.

2. Добавлена возможность показывать и скрывать панель по сочетанию клавиш Ctrl + ; (Toggle style).
Раньше этим сочетанием клавиш панель показывалась, но не скрывалась. Теперь ещё и скрывается.

Имеется некоторое недопонимание как заставить работать скрипт со всеми полями ввода текста в профиле.
Пока что работают эти элементы.



journalMessageTextarea работает лишь на первом совпадении.
Каким образом можно заставить работать абсолютно все поля на странице профиля, на абсолютно всех полях
где требуется ввести код смайлика.
Если кто знает решение этой проблемы, то можете поделиться ей в лс.

Обновлено до версии 0.6

1. Решена проблема с невозможностью встраивать смайлики в абсолютно любые поля для ввода в бортжурнале (записях и комментариях к ним).
Теперь можно всё.
2. Произведён рефакторинг кода для улучшения читабельности и масштабируемости по необходимости.

Обновлено до версии 0.7

1. Добавлена изначально неактивня кнопка категории "Избранные" (Favourites).
В неё можно добавить часто используемые смайлики.
Добавляются они кликом по кнопкам из стандартных категорией с зажатой клавишей Shift.
Удаляются они из категории избранные также с зажатой клавишей Shift.
Чтобы удалить все избранные разом, то нужно с зажатой клавишей Shift кликнуть по кнопке категории "Избранные".
Все избранные смайлики в стандартных категориях подсвечиваются разностной контрастностью для понимания какие были добавлены в категорию избранные не заходя в саму категорию избранные.
После удаления всех избранных смайликов, панель переключается на последнюю активную категорию до этого (на шаг назад).

Демонстрация

Кстати, а как делать анимированные картинки?

Такой функции в этой панели нет. Я правильно понимаю? Это чтобы можно было сохранять в панели что-то вроде гифок как в мессенджерах с правильной заготовкой кода для форумов и для профилей? Мол кликнул на большую кнопку с превью этой картинки и тебе уже готовый кусок вставки по клику и не придтся каждый раз вставлять ссылки, искать их, перезагружать, а кликнул и все. Если это конечно имеется в виду.

Да я не про панель сейчас спрашивал, а как вообще делать гифки типа этой: