WP Discourse と RSS プラグインで作成された投稿の壊れた画像を修正する

simon · 2020 年 8 月 13 日午後 9:37

この問題は、以下の形式の HTML が Discourse に投稿された際に発生します。特に、トピックが API を通じて Discourse に投稿される場合に起こりやすいです。

<p><img src="remote-image-domain/..."/></p>

画像タグを囲む外部タグ（例：<figure><img src="remote-image-domain/..."/></figure>）があると、この問題が発生します。

Discourse がリモート画像のダウンロードを試みると、最初の例に対して以下の Markdown が生成されます。

<p>![](upload://6zqK52dO23i1JsYH2oyMU12U2ro.jpeg)</p>

これにより、画像の表示が壊れてしまいます。手動で Discourse の投稿を以下のように編集することで修正可能です。

<p>

![](upload://6zqK52dO23i1JsYH2oyMU12U2ro.jpeg)

</p>

ただし、サイト設定の「disabled image download domains」を使用して、Discourse によるリモート画像のダウンロードを無効化するのが、より簡単な解決策です。

WP Discourse プラグインのブロックエディタから投稿された記事の場合、プラグインは公開前に以下のコードで投稿を処理することでこの問題を修正しようとします。

github.com/discourse/wp-discourse

lib/template-functions.php

main


      
          	/**
          	 * Extracts image src from HTML and returns an image tag for each image.
          	 *
          	 * This function is used when full post content is published to Discourse. Its purpose is to remove the surrounding
          	 * <figure> tags from images. Unless that is done, images will break when they are downloaded by Discourse.
          	 *
          	 * @param string $html The HTML to extract the image URL from.
          	 *
          	 * @return string
          	 */
          	protected function extract_images_from_html( $html ) {
          		if ( ! extension_loaded( 'libxml' ) ) {
          
          			return $html;
          		}
          
          		$use_internal_errors   = libxml_use_internal_errors( true );
          		$disable_entity_loader = $this->libxml_disable_entity_loader( true );
          		$doc                   = $this->create_dom_document( $html );
          		$finder                = new \DOMXPath( $doc );

This file has been truncated. show original

クラシックエディタでも同様の修正を実装できる可能性はありますが、クラシックエディタでは WordPress の parse_blocks 関数が利用できないため、修正はより複雑になります。最終的には、Discourse コアコードの変更によってこの問題が解決されることを期待しています。

トピック		返信	表示
Images not publishing to Discourse in WP 5.3 WordPress	26	4245	2020 年 8 月 13 日
Broken image in Discourse (but they work in the message preview) WordPress	18	3820	2025 年 1 月 14 日
Markdown rendering issue with image surrounded with HTML Bug	24	4202	2022 年 4 月 4 日
Thumbnail generation & markdown rendering issue Support	14	1985	2020 年 5 月 30 日
Run-together markdown formatting mixed with html makes images not load Support	13	1347	2021 年 8 月 20 日

WP Discourse と RSS プラグインで作成された投稿の壊れた画像を修正する

関連トピック