サイト上で埋め込みコメントからトピックを作成した際に画像が表示されない

[zebateira]

有料ホストインスタンス discuss.ipfs.io では、サイト blog.ipfs.io に埋め込まれたコメントから作成されたトピックにおいて、投稿内の画像の URL が正しくインポートされず、トピックの内容（「フル投稿を表示…」をクリックした後）に画像が表示されません。

例：

ブログ記事: Welcome to IPFS Weekly 133: April Meetup, Scaling Ethereum, Protocol Labs Resnet Lab, and More | IPFS Blog & News
Discourse トピック: Welcome to IPFS Weekly 133 | IPFS Blog & News - Blog Posts - IPFS Forums

相対的な画像 URL が正しく解析されず、最終的な Discourse トピックの内容にスラッシュが欠落しているように見えます。
URL は https://blog.ipfs.io..assets/ となっていますが、本来は https://blog.ipfs.io/../assets/ であるべきです。

よろしくお願いいたします！

[simon]

この問題は、あなたのウェブサイト上で画像の src がどのように設定されているかに関連しています。Welcome to IPFS Weekly 133: April Meetup, Scaling Ethereum, Protocol Labs Resnet Lab, and More | IPFS Blog & News の投稿を確認すると、その投稿内の画像の src は以下のように設定されています。

../assets/img/2021-04-14-cardheader-scaling-ethereum-1459531d.1459531d.png

これにより、Discourse は src を以下のように設定してしまいます。

https://blog.ipfs.io../assets/img/2021-04-14-cardheader-scaling-ethereum-1459531d.1459531d.png

その結果、画像が破損して表示されなくなります。ブラウザのコンソールで src を https://blog.ipfs.io/../assets/img/2021-04-14-cardheader-scaling-ethereum-1459531d.1459531d.png に修正すると、この問題は解決します。

Discourse がこれをどのように処理すべきかについては確信がありません。Discourse 内で src URL を絶対パス化するコードを詳しく調査し、対応可能な点がないか確認します。

[zebateira]

シモンさん、ありがとうございます。ご確認いただき感謝いたします。

[simon]

この問題の原因は、あなたのウェブサイトの画像が相対パス（../）で提供されていることです。Discourse は正しくパスにホスト名を追加していますが、ホスト名の直後にスラッシュ（/）を追加する処理が失敗しています。

問題はここで見られるようです：

app/models/topic_embed.rb

src が相対パスで始まる場合、uri.host の直後にスラッシュを追加しない合理的なケースは考えられません。この変更についてエンジニアチームに確認を取ります。この件についてお返事できるのは、おそらく来週初め以降になる見込みです。

[zebateira]

シモン、ありがとう。大丈夫です、来週で問題ありません。良い週末を！

[zebateira]

こんにちは、@simon さん！

これに関する最新情報はありますか？

ありがとうございます！

[simon]

申し訳ありませんが、現時点では更新情報はありません。この問題は当社のエンジニアリングチームで確認されています。問題が解決されるよう、引き続きフォローアップいたします。残念ながら、貴サイトにおけるこの問題に対する回避策は思いつきません。

[zebateira]

こんにちは、サイモン。お元気ですか？

これの目処はいつ頃になりますか？

[simon]

申し訳ありませんが、現時点では目処（ETA）は立っておりません。埋め込み機能の改善について社内での議論を進めています。埋め込みコードが相対パスの src を処理できないという問題については認識しており、修正予定です。

[nbianca (Bianca)]

こんにちは。

この件を担当しているエンジニアです。サイトにパッチを適用したところ、問題は解決しました。Welcome to IPFS Weekly 133 | IPFS Blog & News - Blog Posts - IPFS Forums で正しい画像が表示されています。

他に何かお手伝いできることがあれば、お知らせください。