O primeiro emoji em um título não está no mesmo "código" e é maior

Olá, :wave: estou tentando desenvolver meu próprio tema e notei que quando você escreve vários emojis em um título, o primeiro é colocado dentro de uma tag \u003c img \u003e em vez de ficar junto com o resto do texto. Aqui estão algumas capturas de tela (após alguma estilização aplicada para que pareça ter o mesmo tamanho, sem ela o primeiro emoji é maior): (captura de tela no final, desculpe, nova conta só permite 1 imagem)

Você pode conferir meu código de tema aqui: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Então, pensei que fosse porque o primeiro caractere de um título é aumentado, como em livros, mas não é o caso, como você pode ver, coloquei um ponto antes dos 3 emojis, e o primeiro emoji ainda era diferente. Tentei vários estilos (rem, px, align) para que ficasse do mesmo tamanho dos outros dois, mas no aplicativo móvel ainda é visível: (captura de tela no final)

Você tem alguma ideia de como resolver isso para que o primeiro emoji de um título seja o mesmo que os outros, tanto no celular quanto no desktop. :thinking:

Obrigado.

Olá, Decrypt :wave:

Isso acontece mesmo no modo de segurança?

Porque na minha instância, aqui está o código HTML do meu 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>

Olá! Acabei de tentar e sim, dê uma olhada:

(Marquei todas as caixas ao ativar o modo de segurança)

Notei que seu primeiro emoji é um emoji personalizado que você adicionou ao seu site (ele tem uma classe emoji-custom), os outros sendo Unicode.

Não tenho certeza por que os emojis Unicode não são convertidos em tags \u003cimg\u003e, embora sejam na minha instância de teste. Tentei vários conjuntos, incluindo Apple/Internacional.

Você pode compartilhar todas as suas configurações relacionadas a emojis?

Gostaria de intervir também - algo com os emojis está estranho no meu site também, o que pode estar relacionado.

Descobri que o sino do bellhop não é transformado em imagem - mas permanece como está? - isso afeta apenas o título e a lista do menu. Além disso, o limite de emojis está definido para 1 - então o título na verdade não deveria ter um segundo emoji.

Fora isso, seria ótimo - ter o conjunto padrão de emojis no título da categoria - veja que o confete é diferente no título da categoria do que nas outras partes.

Ah, no site de administração - todas as configurações de emoji estão como padrão.

Todos os 3 emojis são os mesmos, (da lista oficial do iOS/Android) eu copio e colo o mesmo caractere dentro do título, e eu até tentei copiar o 3º, deletar os outros, colar 2 vezes, e quando eu salvo o título ele ainda faz essa coisa estranha.

Para as configurações, não sei o que posso te mostrar? Eu não tenho nenhum emote personalizado de “estrela”, apenas emotes que tenho são logos de criptomoedas.

Aqui, eu copiei o título bruto e vou colar aqui: ⭐️⭐️⭐️ Uma entidade está observando a blockchain do Bitcoin?

Qual conjunto de emojis você usa?

Estou navegando às cegas, pois não tenho ideia de por que você está encontrando esse comportamento, mas tente /admin/site_settings/category/all_results?filter=emoji?

Não, não deveria… Você criou o título deste tópico manualmente ou de outra forma?

  • no painel de administração o padrão é 1 emoji
  • o título/post foi criado manualmente

Quando tento reproduzir:

:thinking:

Você pode tentar criar um tópico com mais de um emoji em try.discourse.org?

aqui no meta é o mesmo - o bellhop não está transformado

bell e boom são diferentes - imagem e não imagem

O emoji no painel de pré-visualização é do seu conteúdo, não do seu título, e será convertido como um emoji do Discourse assim que a postagem for processada e publicada. Até lá, é normal que ele apareça como Unicode, pois você provavelmente o inseriu com o seletor de emoji do seu sistema operacional.

sim, mas o emoji da barra lateral já está lá e está “errado”
e veja acima o exemplo de try.discourse

Você pode descrever seus passos, ou melhor, gravar um vídeo sobre como colocar mais de um emoji em um título?

@Decrypt, acho que você deve conseguir ter uma imagem para cada um dos seus emojis de título aumentando o valor da configuração max emojis in title e, em seguida, personalizá-los como quiser com CSS.

1 curtida

1 curtida

Ok, obrigado, aqui está uma captura de tela das configurações:

Você já tinha 10 emojis no máximo no título antes do seu tópico, ou você acabou de aumentá-lo agora?

Sim, foram as configurações por "padrão" quando criei o tópico.
Não mexi em nada no código/configurações desde a minha primeira postagem.

Eu meio que reproduzi isso, mas o oposto (Safari, iOS, desktop):

Não há problema se você usar o conjunto de emojis do Discourse.

1 curtida

Como você escreve esses emojis?

Eu os escrevo como Unicode ou :star: e ele gera image, todos sendo <img>.