El primer emoji dentro de un título no está en el mismo "código" y es más grande

Hola, :wave: estoy intentando desarrollar mi propio tema y vi que cuando escribes varios emojis en un título, el primero se incluye en una etiqueta \u003c img \u003e en lugar de estar junto al resto del texto. Aquí hay algunas capturas de pantalla (después de aplicar algunos estilos para que parezca del mismo tamaño, sin ellos el primer emoji es más grande): (captura de pantalla al final, lo siento, cuenta nueva solo permite 1 imagen)

Puedes revisar el código de mi tema aquí: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Pensé que era porque el primer carácter de un título se hacía más grande como en los libros, pero no es el caso, como puedes ver, coloqué un punto antes de los 3 emojis, y el primer emoji seguía siendo diferente, probé varios estilos (rem, px, align) para que tuviera el mismo tamaño que los otros dos, pero en la aplicación móvil todavía es visible: (captura de pantalla al final)

¿Tienes alguna idea sobre cómo solucionar esto para que el primer emoji de un título sea igual que los demás, tanto en móvil como en escritorio? :thinking:

Gracias.

Hola, Decrypt :wave:

¿Es ese el caso incluso en modo seguro?

Porque en mi instancia, aquí está el código HTML de mi título:

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>

¡Hola! Acabo de intentarlo y sí, mira:

(Marqué todas las casillas al activar el modo seguro)

Noto que tu primer emoji es un emoji personalizado que añadiste a tu sitio (tiene una clase emoji-custom), y los demás son Unicode.

No estoy seguro de por qué los emojis Unicode no se convierten en etiquetas \u003cimg\u003e, aunque sí lo hacen en mi instancia de prueba. Probé varios conjuntos, incluidos Apple/Internacional.

¿Puedes compartir toda tu configuración relacionada con los emojis?

Quiero intervenir aquí también, ya que algo con los emojis también está raro en mi sitio, lo que podría estar relacionado.

Descubrí que la campana del botones no se transforma en una imagen, sino que se queda como está. Esto afecta solo al título y a la lista del menú. Además, el límite de emojis está establecido en 1, por lo que el título en realidad no debería tener un segundo emoji.

Aparte de eso, sería genial tener el conjunto estándar de emojis en el título de la categoría; fíjate que el matasuegras es diferente en el título de la categoría que en las otras partes.

Ah, en el sitio de administración, todas las configuraciones de emoji son las predeterminadas.

Los 3 emojis son iguales, (de la lista oficial de iOS/Android) copio y pego el mismo carácter dentro del título, e incluso intenté copiar el tercero, eliminar los otros, pegarlo 2 veces, y cuando guardo el título todavía hace esa cosa rara.

Para la configuración, ¿qué te puedo mostrar? No tengo ningún emote personalizado de “estrella”, solo tengo logos de criptomonedas.

Aquí, copié el título sin formato y lo pegaré aquí: ⭐️⭐️⭐️ Una entidad escudriña la blockchain de Bitcoin?

¿Qué conjunto de emojis utilizas?

Estoy navegando a ciegas porque no tengo ni idea de por qué encuentras este comportamiento, pero ¿pruebas /admin/site_settings/category/all_results?filter=emoji?

No, no debería… ¿Creaste el título de este tema manualmente o de otra manera?

  • en el panel de administración, el valor predeterminado es 1 emoji
  • el título/publicación se creó manualmente

Cuando intento reproducir:

:thinking:

¿Puedes intentar crear un tema con más de 1 emoji en try.discourse.org?

aquí en meta es lo mismo - el bellhop no se transforma

bell y boom son diferentes - imagen y no imagen

El emoji en el panel de vista previa proviene de tu contenido, no de tu título, y se convertirá en un emoji de Discourse una vez que la publicación haya sido procesada y publicada. Hasta entonces, es normal que aparezca como Unicode, ya que probablemente lo ingresaste con el selector de emojis de tu sistema operativo.

sí, pero el emoji de la barra lateral ya está ahí y está “mal”
y mira arriba el ejemplo de try.discourse

¿Puedes describir tus pasos, o mejor aún, grabar un video sobre cómo poner más de un emoji en un título?

@Decrypt, creo que deberías poder tener una imagen para cada uno de los emojis de tus títulos aumentando el valor de la configuración max emojis in title y luego poder personalizarlos como quieras con CSS.

1 me gusta

1 me gusta

Ok, gracias, aquí tienes una captura de pantalla de la configuración:

¿Ya tenías 10 emojis como máximo en el título antes de tu tema, o lo acabas de aumentar ahora?

Sí, fueron los ajustes por “defecto” cuando creé el tema. No he tocado nada en el código/ajustes desde mi primera publicación.

Casi he reproducido esto pero a la inversa (Safari, iOS, escritorio):

No hay ningún problema si usas el conjunto de emojis de Discourse.

1 me gusta

¿Cómo se escriben estos emojis?

Los escribo como Unicode o :star: y genera image, todos ellos siendo </img>.