Bild wird nach dem Download zu Discourse nicht angezeigt

Unterstützung
1

Hallo!

Ich habe einige WP-Artikel wie diesen: Et vous, vous avez appris vite ? - Monocycle.info
Die an Discourse gesendet werden. Zunächst wird das Remote-Bild im Discourse-Beitrag korrekt angezeigt, aber sobald das Remote-Bild auf Discourse heruntergeladen wurde, wird es nicht mehr angezeigt: Et vous, vous avez appris vite ? - Actualités - Monocycle.info

Wenn ich mir den Code des Discourse-Beitrags nach dem Abruf des Bildes ansehe, sieht er so aus:

image
image1482×371 65.4 KB

Wenn ich eine leere Zeile vor den Bildcode einfüge, wird es korrekt angezeigt:

image
image1480×517 95.1 KB

Hier ist der Code des WP-Artikels:

<!-- 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> (version française) ! 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 -->

Was genau passiert? Ist das ein WP-Discourse- oder Markdown-Fehler oder etwas anderes?

2

Dies betrifft die Art und Weise, wie Discourse die Konvertierung von HTML zu Markdown handhabt (es hat nichts mit WP Discourse zu tun). Ich habe versucht, dein Problem nachzustellen, jedoch wird das <img>-Tag nicht in ein Markdown-Bild umgewandelt und wird korrekt angezeigt (auch nach dem ‘Kochen’ des Beitrags).

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

1 „Gefällt mir“
3

Habe ich etwas falsch verstanden? Das Bild wird in deinem Link nicht angezeigt:

image
image669×383 18.3 KB

4

@Arkshine hat mir diese Lösung geschickt, die vor einem Bild ein Leerzeichen hinzufügt:

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

/**
 * Fügt Leerzeichen über jedem <img>-Tag hinzu.
 * Ziel ist es, das Versagen von Discourse bei der Anzeige heruntergeladener Markdown-Bilder zu vermeiden.
 *
 * @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;
}
5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.