Первый эмодзи в заголовке не в том же «коде» и больше

Привет, :wave: Я пытаюсь разработать собственную тему и заметил, что когда в заголовке написано несколько эмодзи, первый из них оказывается внутри тега , а не вместе с остальным текстом. Вот несколько скриншотов (после применения некоторых стилей, чтобы они выглядели одинакового размера; без них первый эмодзи больше) : (скриншот в конце, извините, новый аккаунт позволяет прикрепить только одно изображение)

Вы можете проверить код моей темы здесь: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option. · GitHub

Я подумал, что это связано с тем, что первый символ заголовка делается крупнее, как в книгах, но это не так, как вы можете увидеть: я поставил точку перед тремя эмодзи, но первый эмодзи всё равно отличался. Я пробовал разные стили (rem, px, align), чтобы он был такого же размера, как два других, но в мобильном приложении это всё ещё заметно : (скриншот в конце)

Есть ли у вас идеи, как решить эту проблему, чтобы первый эмодзи в заголовке выглядел так же, как и остальные, и на мобильных устройствах, и на компьютере? :thinking:

Спасибо.

Привет, Decrypt :wave:

Это происходит даже в безопасном режиме?

Потому что на моём экземпляре вот так выглядит HTML-код моего заголовка:

image

<a href="/t/test-notif/161" class="fancy-title">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji"> Test notif
</a>

Привет! Я только что попробовал, и да, посмотрите:

(Я отметил все галочки при активации безопасного режима)

Я заметил, что ваш первый эмодзи — это кастомный эмодзи, добавленный на ваш сайт (у него класс emoji-custom), а остальные — Unicode.

Не совсем понятно, почему Unicode-эмодзи не преобразуются в теги <img>, хотя в моём тестовом экземпляре это работает. Я пробовал несколько наборов, включая Apple и International.

Можете ли вы поделиться всеми своими настройками, связанными с эмодзи?

Хочу тоже присоединиться к обсуждению — у меня на сайте тоже что-то странное происходит с эмодзи, возможно, это связано.

Я обнаружил, что колокольчик горничной не преобразуется в изображение, а остаётся как есть? Это влияет только на заголовок и список меню. Кроме того, лимит эмодзи установлен на 1, так что во втором эмодзи в заголовке вообще не должно быть.

Кроме того, было бы здорово, если бы в заголовке категории использовался стандартный набор эмодзи — обратите внимание, что конфетти-салют в заголовке категории выглядит иначе, чем в остальных частях.

О, на админ-странице все настройки эмодзи стоят по умолчанию.

Все три эмодзи одинаковы (из официального списка iOS/Android). Я копирую и вставляю один и тот же символ в заголовок. Даже пробовал скопировать третий эмодзи, удалить остальные, вставить его дважды, но при сохранении заголовка всё равно происходит этот странный эффект.

Насчёт настроек — не знаю, что ещё можно показать. У меня нет никаких кастомных эмодзи со «звёздочкой», есть только эмодзи с логотипами криптовалют.

Вот я скопировал исходный заголовок и вставляю его сюда: ⭐️⭐️⭐️ Une entité scrute la blockchain de Bitcoin?

Какой набор эмодзи вы используете?

Я двигаюсь вслепую, так как не понимаю, почему у вас возникает такое поведение, но попробуйте /admin/site_settings/category/all_results?filter=emoji?

Нет, не должно… Вы создали заголовок этой темы вручную или каким-то другим способом?

  • в панели администратора по умолчанию установлено 1 эмодзи
  • заголовок/сообщение были созданы вручную

Когда я пытаюсь воспроизвести:

:thinking:

Можете ли вы попробовать создать тему с более чем одним эмодзи на try.discourse.org?

здесь, на meta, то же самое — горничная не трансформируется

bell и boom различаются — изображение и не-изображение

Эмодзи в панели предварительного просмотра берётся из вашего контента, а не из заголовка, и будет преобразован в эмодзи Discourse после обработки и публикации поста. До этого момента нормально, что он отображается как Unicode-символ, так как вы, вероятно, вставили его с помощью селектора эмодзи вашей операционной системы.

да, но эмодзи в боковой панели уже есть, и оно «неправильное»
и посмотрите выше пример от try.discourse

Можете описать свои шаги или, ещё лучше, записать видео о том, как добавить более одного эмодзи в заголовок?

@Decrypt, я думаю, вы можете добавить изображение для каждого эмодзи в заголовке, увеличив значение настройки «Макс. эмодзи в заголовке», а затем настроить их по своему усмотрению с помощью CSS.

1 лайк

Хорошо, спасибо, вот скриншот настроек:

У вас уже было 10 эмодзи в заголовке до создания темы, или вы добавили их только что?

Да, это были настройки по умолчанию при создании темы.
Я не менял ничего в коде или настройках с момента моего первого сообщения.

Я как бы воспроизвёл это, но наоборот (Safari, iOS, десктоп):

Проблемы нет, если вы используете набор эмодзи Discourse.

Как вы пишете эти эмодзи?

Я пишу их как Unicode или :star:, и на выходе получается image, все они представлены в виде <img>.