При клике на стикер он добавляется в редактор.
Код изображения в формате markdown помещается внутри [wrap=sticker] img [/wrap], что означает, что изображения стикеров можно выделять отдельно от других изображений.
Стикеры всегда переносятся на новую строку и содержат заголовок и размер. Размер теперь фиксированный — 180x180 пикселей. Каждый стикер имеет тень, что делает изображение более похожим на наклейку…
В редакторе и сообщениях при наведении курсора мета-информация скрывается с помощью CSS.
Как настроить?
Сначала вам нужно загрузить изображения, которые вы хотите использовать в качестве стикеров. Просто загрузите эти изображения в сообщение темы.
Мы будем работать с этими изображениями: нам понадобятся URL изображения и URL в формате markdown.
Пример:
Я загрузил изображение в сообщение. Я использую оптимизированную версию URL изображения. Она находится здесь , но вы можете использовать любой URL изображения.
Управление стикерами немного утомительно — особенно часть с предпросмотром — так как для этого нет специального макета или функции (как, например, для аватаров и пользовательских эмодзи), но я понимаю, что это потребовало бы гораздо больше работы.
Фильтр тени отключается, когда GIF-анимация остановлена, и не отображается как квадратный фон на среднем изображении здесь (прямоугольный JPG, который открывает лайтбокс):
Эффект фильтра действительно классный, но я бы сделал его опциональной настройкой
Выборщик стикеров использует выравнивание по центру, например:
XXX
X
Но, думаю, мне больше понравилось бы выравнивание по правому краю:
Если вы сможете разрешить администраторам создавать группы стикеров, а пользователям — настраивать выбор стикеров в соответствии с каждой группой их любимых тем.
Кроме того, можно рекомендовать иконки на основе установленных, когда пользователь использует иконку в статье, но, думаю, это сложная функция.
Да, вам нужно убрать \n в начале и в конце этой строки.
Привет @mattdm Извините за задержку. Да, думаю, вполне возможно отображать кнопку в редакторе сообщения в зависимости от категории. Мне нужно это проверить.
Компонент уже немного сложен в настройке. Не уверен насчёт этого.
Привет Да, это уже другой уровень. Не уверен, что это возможно реализовать сейчас в текущей версии.
Ой, извините, я думаю, вам стоит также удалить [wrap=sticker] и [/wrap]. Тогда изображение отобразится внутри строки, и оно, скорее всего, не пропадёт.
[wrap=sticker] нужен только для добавления некоторых стилей к изображению стикера.