Una pequeña molestia aquí, hay pequeñas variaciones entre lo que muestra la vista previa de la publicación y lo que muestra la publicación finalizada, y varía según si es una imagen subida o enlazada externamente.
Imagen enlazada externamente, sin línea vacía después de este texto:
Ahora una imagen subida, sin línea vacía después de este texto:
Texto antes de la imagen enlazada, sin línea vacía después del texto:
Texto antes de la imagen subida, sin línea vacía después del texto:
La imagen enlazada tiene este CSS:
.d-editor-preview img {
padding-bottom: 1.4em;
}
Mientras que la imagen subida tiene este:
.d-editor-preview .image-wrapper img {
padding-bottom: 0;
}
También ocurre cuando la imagen remota se ha descargado en Discourse, porque en este caso no se establecen dimensiones, lo que significa que no se crea un envoltorio de imagen (image-wrapper) en la vista previa:
Imagen remota descargada:
Imagen subida:
Interesante, gracias.
También noté que en el caso de las imágenes enlazadas que se descargan, la publicación inicial publicada no tiene relleno entre la imagen y el texto anterior, pero después de unos minutos, cuando el proceso en la cola se activa para descargar la imagen remota, aumenta el relleno. Esto se puede ver como una revisión en el historial de la publicación con un cambio visual en el espacio de relleno.
Creo que se debe a que reconstruye la publicación y agrega todo el HTML con el visor de imágenes, lo que crea diferentes márgenes o rellenos.
Entiendo, gracias. Así que sería bueno si algunas de esas inconsistencias pudieran corregirse, sorprendentemente los usuarios las notan y se irritan por ellas, especialmente cuando están acostumbrados a los editores WYSIWYG en otros motores de foros. La representación de la publicación que cambia por sí sola después de que se descarga la imagen remota es aún más extraña, aunque entiendo totalmente que hay razones técnicas detrás de ella.
Sí, hay varias inconsistencias.
Un ejemplo similar: