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 / 마크다운 버그이거나 다른 무언가인가요?

2

이것은 Discourse가 HTML을 Markdown으로 변환하는 방식에 관한 것입니다(WP Discourse와는 무관합니다). 말씀하신 문제를 재현해 보았으나, <img> 태그가 마크다운 이미지로 변환되지 않으며, 게시글 “cooking”(처리) 이후에도 정상적으로 표시됩니다.

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에서 마크다운으로 다운로드된 이미지가 표시되지 않는 문제를 방지하는 것입니다.
 *
 * @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;
}