Das erste Emoji in einem Titel ist nicht im gleichen "Code" und ist größer.

Hallo, :wave: ich versuche, mein eigenes Theme zu entwickeln, und ich habe gesehen, dass, wenn man mehrere Emojis in einem Titel schreibt, das erste in einem <img>-Tag anstatt mit dem Rest des Textes angezeigt wird. Hier sind einige Screenshots (nachdem einige Stile angewendet wurden, damit es so aussieht, als hätte es die gleiche Größe, ohne sie ist das erste Emoji größer): (Screenshot am Ende, Entschuldigung, neues Konto darf nur 1 Bild)

Sie können meinen Theme-Code hier überprüfen: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Ich dachte, es liegt daran, dass das erste Zeichen eines Titels wie in Büchern vergrößert wird, aber das ist nicht der Fall, wie Sie sehen können. Ich habe einen Punkt vor die 3 Emojis gesetzt, und das erste Emoji war immer noch anders. Ich habe mehrere Stile ausprobiert (rem, px, align), damit es die gleiche Größe wie die beiden anderen hat, aber in der mobilen App ist es immer noch sichtbar: (Bild am Ende)

Haben Sie eine Idee, wie man das lösen kann, damit das erste Emoji eines Titels dasselbe ist wie die anderen, sowohl auf Mobilgeräten als auch auf Desktops. :thinking:

Vielen Dank.

Hallo, Decrypt :wave:

Ist das auch im abgesicherten Modus der Fall?

Denn auf meiner Instanz sieht der HTML-Code meines Titels so aus:

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>

Hallo! Ich habe es gerade versucht und ja, schau mal:

(Ich habe bei der Aktivierung des abgesicherten Modus alle Kontrollkästchen aktiviert)

Mir ist aufgefallen, dass Ihr erstes Emoji ein benutzerdefiniertes Emoji ist, das Sie Ihrer Website hinzugefügt haben (es hat eine emoji-custom-Klasse), während die anderen Unicode-Emojis sind.

Ich bin mir nicht sicher, warum die Unicode-Emojis nicht in \u003cimg\u003e-Tags konvertiert werden, obwohl sie in meiner Testinstanz konvertiert werden. Ich habe mehrere Sätze ausprobiert, darunter Apple/International.

Können Sie alle Ihre Emoji-bezogenen Einstellungen mitteilen?

Ich möchte mich hier ebenfalls einklinken – da mit den Emojis auf meiner Seite auch etwas seltsam ist, was damit zusammenhängen könnte.

Ich habe festgestellt, dass die Glocke des Bellboys nicht in ein Bild umgewandelt wird – sondern so bleibt, wie sie ist? – das betrifft nur den Titel und die Menüliste. Außerdem ist das Emoji-Limit auf 1 gesetzt – der Titel sollte also eigentlich kein zweites Emoji haben.

Abgesehen davon wäre es schön, die Standard-Emojis im Kategorietitel zu haben – siehe, dass der Party-Knaller im Kategorietitel anders ist als in den anderen Teilen.

Oh, auf der Admin-Seite sind alle Emoji-Einstellungen Standard.

Alle 3 Emojis sind gleich (aus der offiziellen iOS/Android-Liste). Ich kopiere und füge dasselbe Zeichen in den Titel ein und habe sogar versucht, das dritte zu kopieren, die anderen zu löschen, es 2 Mal einzufügen, und wenn ich den Titel speichere, macht er immer noch diese seltsame Sache.

Bei den Einstellungen weiß ich nicht, was ich Ihnen zeigen kann? Ich habe keine „Stern“-benutzerdefinierten Emotes, nur Emotes, die ich habe, sind Kryptowährungslogos.

Hier habe ich den rohen Titel kopiert und werde ihn hier einfügen: ⭐️⭐️⭐️ Une entité scrute la blockchain de Bitcoin?

Welchen Emoji-Satz verwenden Sie?

Ich navigiere im Blindflug, da ich keine Ahnung habe, warum Sie dieses Verhalten erfahren. Versuchen Sie es mit /admin/site_settings/category/all_results?filter=emoji?

Nein, sollte er nicht… Haben Sie den Titel dieses Themas manuell oder auf andere Weise erstellt?

  • Im Admin-Panel ist der Standard 1 Emoji
  • Der Titel/Post wurde manuell erstellt

Wenn ich versuche, das zu reproduzieren:

:denkend:

Können Sie versuchen, ein Thema mit mehr als einem Emoji auf try.discourse.org zu erstellen?

hier auf meta ist es dasselbe - der bellhop ist nicht transformiert

bell und boom sind unterschiedlich - bild und nicht-bild

Das Emoji im Vorschaufenster stammt aus Ihren Inhalten, nicht aus Ihrem Titel, und wird als Discourse-Emoji konvertiert, sobald der Beitrag verarbeitet und veröffentlicht wurde. Bis dahin ist es normal, dass es als Unicode erscheint, da Sie es wahrscheinlich mit dem Emoji-Selektor Ihres Betriebssystems eingegeben haben.

ja, aber das Emoji in der Seitenleiste ist bereits vorhanden und „falsch“.
und siehe oben das Beispiel von try.discourse

Können Sie Ihre Schritte beschreiben oder besser noch, ein Video aufnehmen, wie Sie mehr als 1 Emoji in einen Titel einfügen?

@Decrypt, ich denke, Sie sollten in der Lage sein, für jeden Ihrer Titel Emojis als Bilder zu haben, indem Sie den Wert der Einstellung max emojis in title erhöhen und sie dann nach Belieben mit CSS anpassen können.

1 „Gefällt mir“

1 „Gefällt mir“

Ok, danke, hier ist ein Screenshot der Einstellungen:

Hattest du bereits 10 Emojis im Titel vor deinem Thema oder hast du ihn gerade eben erhöht?

Ja, es waren die Einstellungen nach „Standard“, als ich das Thema erstellt habe. Ich habe seit meinem ersten Beitrag nichts am Code/den Einstellungen geändert.

Ich habe dies irgendwie reproduziert, aber umgekehrt (Safari, iOS, Desktop):

Es gibt kein Problem, wenn Sie das Discourse-Emoji-Set verwenden.

1 „Gefällt mir“

Wie schreibt man diese Emojis?

Ich schreibe sie als Unicode oder :stern: und es gibt image aus, wobei alle <img> sind.