Pequeno incômodo aqui, há pequenas variações entre o que a prévia da postagem mostra e o que a postagem finalizada mostra, e isso varia dependendo se é uma imagem carregada ou vinculada externamente.
Imagem vinculada externamente, sem linha vazia após este texto:
Agora uma imagem carregada, sem linha vazia após este texto:
Texto antes da imagem com link, sem linha vazia após o texto:
Texto antes da imagem carregada, sem linha vazia após o texto:
A imagem vinculada tem este CSS:
.d-editor-preview img {
padding-bottom: 1.4em;
}
Enquanto a imagem carregada tem este:
.d-editor-preview .image-wrapper img {
padding-bottom: 0;
}
Também acontece quando a imagem remota foi baixada para o Discourse, pois nenhuma dimensão é definida neste caso, o que significa que nenhum image-wrapper é criado na visualização:
Imagem remota baixada:
Imagem carregada:
Interessante, obrigado.
Também notei que, no caso de imagens vinculadas que são baixadas, a postagem inicial publicada não tem preenchimento entre a imagem e o texto acima dela, mas após alguns minutos, quando o processo na fila é acionado para baixar a imagem remota, ele aumenta o preenchimento. Isso pode ser visto como uma revisão no histórico da postagem com uma mudança visual no espaço de preenchimento.
Acho que é porque ele reconstrói a postagem e adiciona todo o HTML com o visualizador de imagens, o que cria margens ou preenchimentos diferentes.
Entendi, obrigado. Seria bom se algumas dessas inconsistências pudessem ser corrigidas, surpreendentemente os usuários as notam e ficam irritados com elas, especialmente quando estão acostumados com editores WYSIWYG em outros motores de fórum. A renderização de postagem que muda sozinha depois que a imagem remota é baixada é ainda mais estranha, embora eu entenda totalmente que existem razões técnicas por trás disso.
Sim, há várias inconsistências.
Um exemplo semelhante: