Table editor が embedded images を壊す

:information_source: 概要

現在、テーブル内に画像を埋め込むことができますが、代替テキスト内の |\\ でエスケープする必要があります(例:![image\\|100x100])。ただし、テーブルエディタを開くと \\ が削除され、画像が表示されなくなります。

:walking_woman: 再現手順

  1. 投稿でテーブルを作成し、代替テキスト内の |\\ でエスケープして画像を挿入します。
  2. 投稿を保存します。画像はテーブル内で正しくレンダリングされるはずです。
  3. 鉛筆アイコンをクリックしてテーブルエディタを開きます。この時点で、画像代替テキストから / が削除されていることがわかります。
    CleanShot 2024-07-03 at 13.10.22
  4. 保存 をクリックします。

:white_check_mark: 期待される結果

画像は期待どおりに表示されるはずです。テーブルエディタを開いても、画像代替テキストから \\ は削除されないはずです。

:x: 観察された結果

代替テキストから \\ が削除され、画像が表示されなくなります。

:books: 追加コンテキスト

:movie_camera: 録画:

「いいね!」 6

これを修正するためのPRを提出しました :slightly_smiling_face:

「いいね!」 2

テーブル編集時に画像が壊れるのを修正しますか、それともパイプをエスケープする必要がありますか?

過去のアンエスケープによる破損画像は自動で修復できません。手動で修正する必要があります。

テーブル編集時にはエスケープは不要です。

これらの3つの画像は、テーブルエディタ、生成されたMarkdown、および最終的なレンダリングを示しています。



「いいね!」 1

私はどちらかというと未来志向の人間です😂私のユーザーは非常に普通の一般の人々で、携帯電話を使っています。簡単な表の作り方を教えるだけでも大変な作業でした。なぜなら、すみませんが、Markdownはユーザーフレンドリーとは程遠いからです。しかし、その話題はここでは議論しませんが、私がテーブルで画像を使用する方法を教えたことがない理由の一つです。エスケープという概念は、彼らにとっては全く馴染みがなく、恐ろしいものでさえあります。もし私が、他にも覚えなければならないことがたくさんある中で、さらに別のことがあると彼らに言ったら…まあ、画像は使えないとシンプルに言う方が良いでしょう。

しかし、もし私が固定編集の問題を正しく理解したのであれば、パイプマークをエスケープする必要があるという問題はまだ残っています。

「いいね!」 1

このトピックは3日後に自動的に閉じられました。新しい返信はもう許可されていません。