La imagen publicada no se muestra después de descargarla en Discourse

Soporte
1

¡Hola!

Tengo algunos artículos de WP como este: Et vous, vous avez appris vite ? - Monocycle.info
que se envían a Discourse. Al principio, la imagen remota se muestra correctamente en la publicación de Discourse, pero cuando la imagen remota se descarga en Discourse, ya no se muestra: Et vous, vous avez appris vite ? - Actualités - Monocycle.info

Al examinar el código de la publicación de Discourse después de que la imagen ha sido recuperada en Discourse, se ve así:

image
image1482×371 65.4 KB

Si agrego una línea en blanco antes del código de la imagen, entonces se muestra correctamente:

image
image1480×517 95.1 KB

Aquí está el código del artículo de WP:

<!-- wp:paragraph -->
<p>Dans le cadre d'une recherche sur l'apprentissage du monocycle, Claudia Stehr et Klaas Bil s'intéressent au temps de l'apprentissage. Et pour cela, ils ont besoin d'un grand nombre de statistiques.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Pour les aider, <a href="https://forms.gle/SEQtC6JQyw3tA7jv9">répondez à leur questionnaire</a> (versión francesa) ! Si vous avez déjà répondu dans une autre langue, il ne faut pas doublonner. :)</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center"} -->
<div class="wp-block-image"><figure class="aligncenter"><img src="https://lh5.googleusercontent.com/N8Qtu1XBr7hK4Wg3hkxiMWPdU9V_czUuNS8VjHVxWfnLlQTCKrlUM2QoWrt9Zd4iXeMceaX7sZSi_8J_dJhOAgpISIdLdjguoSY0ZfrjCoHs6KEfBrXmrJcKU7tsyGaIqQ=w650" alt="" title=""/></figure></div>
<!-- /wp:image -->

¿Qué ocurre exactamente? ¿Es algún tipo de error de WP-Discourse / Markdown, o algo más?

2

Esto se refiere a cómo Discourse maneja la conversión de HTML a Markdown (no tiene que ver con WP Discourse). Intenté reproducir tu problema; sin embargo, la etiqueta <img> no se convierte en una imagen de Markdown y se muestra correctamente (incluso después de la “cocción” del mensaje).

https://try.thepavilion.io/t/html-image-markdown-test/985

3

¿Estoy malinterpretando algo? La imagen no se muestra en tu enlace:

image
image669×383 18.3 KB

4

@Arkshine me envió esta solución que añade un espacio en blanco antes de una imagen:

add_filter('wp_discourse_excerpt', [$this, 'wp_discourse_excerpt'], 10, 1);

/**
 * Añade espacios en blanco encima de cualquier etiqueta <img>.
 * El propósito es evitar que Discourse falle al mostrar la imagen descargada en markdown.
 *
 * @param $post_content
 *
 * @return string
 */
public function wp_discourse_excerpt($post_content)
{
    $post_content = preg_replace('/(<img\s)/i', "\n\n$1", $post_content);
    $post_content = preg_replace('/[\n]{3,}/', "\n\n", $post_content);

    return $post_content;
}