Discourse にダウンロードした後、画像が表示されません

サポート
1

こんにちは！

以下のような WordPress の記事があります：Et vous, vous avez appris vite ? - Monocycle.info
これらが Discourse に送信されます。最初は、リモート画像が Discourse の投稿に正しく表示されますが、リモート画像が Discourse にダウンロードされると、表示されなくなります：Et vous, vous avez appris vite ? - Actualités - Monocycle.info

画像が Discourse に取得された後の Discourse 投稿のコードを見ると、以下のようになっています：

image
image1482×371 65.4 KB

画像コードの前に空行を追加すると、正しく表示されます：

image
image1480×517 95.1 KB

以下が WordPress 記事のコードです：

<!-- 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 -->

具体的に何が起きているのでしょうか？これは WP-Discourse または Markdown のバグでしょうか、それとも他の問題でしょうか？

2

これは Discourse が HTML を Markdown に変換する方法に関するものです（WP Discourse に関するものではありません）。ご報告いただいた問題を再現しようと試みましたが、<img> タグは Markdown の画像に変換されず、正しく表示されています（投稿の「調理」後も含めて）。

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

3

何かを誤解しているのでしょうか？あなたのリンクには画像が表示されていません：

image
image669×383 18.3 KB

4

@Arkshine さんから、画像の前に空白を追加するこの解決策が届きました：

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

/**
 * 任意の <img> タグの上に空白行を追加します。
 * 目的は、Discourse がダウンロードした画像の 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;
}