画像比較スライダー

アップロードされていない写真や、リンク経由で挿入された写真でも、この機能は利用できますか?

こんにちは。このテーマコンポーネントに関する最近のバグを報告したいと思います。

ここで表示されます:

画像比較スライダーの最新バージョン

Discourseのバージョン:3.5.0.beta1-dev

(402ec6bf5c)

ご尽力に感謝いたします。
ステファンより。

「いいね!」 2

このコンポーネントを新しいAPI標準を満たすように更新しました。

「いいね!」 2

素晴らしい仕事ぶりですね!

お忙しいところ恐縮ですが、新しいリッチテキストコンポーザーでこれを確認していただけますでしょうか?

「いいね!」 1

いいえ、ありません。何か問題がありますか?

「いいね!」 2

はい、残念ながら動作しません。リッチテキストエディターが有効な状態で比較画像ボタンを押すと、次のような表示になります。

「いいね!」 1

これがどのように機能するのかわかりません。リッチテキストエディタがHTMLを正しく処理していないようです。画像ギャラリーのような同様のコンポーネントでも同じ問題が発生すると思います。

「いいね!」 2

ジョセフさん、コンポーネントの修正を試してもよろしいでしょうか?

「いいね!」 2

@Arkshine さんの申し出に乗って、これについて調べていただく時間はありますか? :smiley:

「いいね!」 1

申し訳ありません、返信を忘れていました。より知識のある方に試していただけると嬉しいのですが、私がアクセスできるDiscourseインスタンスではリッチテキストが有効になっておらず、有効にする権限もないため、実際にテストすることができません :thinking: ご提案ありがとうございます!

「いいね!」 3

了解しました、お知らせありがとうございます。試してみます。:+1:

「いいね!」 3

皆さん、やっとこの作業に取り組む時間ができました。
まだこの TC に関心がある方がいらっしゃることを願っています!

この PR は、TC を以下の機能で大幅に刷新します:

  • ズームとパン(マウスホイール、ピンチ操作、画像上のコントロール)
  • フルスクリーン表示
  • ライトボックスで元のフルサイズ画像を開く
  • 設定可能な位置の「前後」ラベル(オプション)
  • 説明文(オプション)
  • 複数のハンドルスタイル(線、細線、円、グリップ)とカスタムハンドル色
  • リッチテキストエディタまたは Markdown でスライダーを直接編集可能
  • キーボード操作対応(矢印キーで分割線移動、+/-/0 でズーム)
  • グループ単位でスライダー挿入権限を制限

Markdown 形式は [wrap] タグを使用するように変更されました。後方互換性は保証されています。
2026.6.0-latest が必要です。

モバイルおよび RTL 対応ですが、UX の専門家ではないため、モバイルや iOS でのテストは十分にできていません。

個別にテストしたい場合は、以下を使用してください:

  • URL: https://github.com/arkshine/discourse-image-comparison-slider
  • ブランチ: modernize-with-rte
    (※Markdown 形式を変更しないよう、以前のバージョンのスライダーを編集しないことをお勧めします)
「いいね!」 5