Bildvergleichsschieber

Anpassung Themenkomponente
22

Gibt es eine Möglichkeit, dass dies mit Fotos funktioniert, die nicht hochgeladen wurden? Mit Fotos, die über Links eingefügt wurden?

23

Hallo, ich möchte einen kürzlichen Fehler mit dieser Theme-Komponente melden.

Eine Fehlermeldung, die auf einer Website angezeigt wird, weist darauf hin, dass Beiträge aufgrund eines Problems mit einem 'Bildvergleichsschieberegler' möglicherweise nicht korrekt angezeigt werden, und schlägt vor, ihn zu aktualisieren, neu zu konfigurieren oder zu deaktivieren. (Beschriftet von KI)
Eine Fehlermeldung, die auf einer Website angezeigt wird, weist darauf hin, dass Beiträge aufgrund eines Problems mit einem 'Bildvergleichsschieberegler' möglicherweise nicht korrekt angezeigt werden, und schlägt vor, ihn zu aktualisieren, neu zu konfigurieren oder zu deaktivieren. (Beschriftet von KI)1200×207 24.9 KB

Hier sichtbar:

Letzte Version des Bildvergleichsschiebereglers

Version von Discourse: 3.5.0.beta1-dev

(402ec6bf5c)

Vielen Dank für Ihre Arbeit
Stéphane.

2 „Gefällt mir“
24

Ich habe diese Komponente aktualisiert, um die neuen API-Standards zu erfüllen:

2 „Gefällt mir“
25

Gute Arbeit!

Ich möchte dir nicht noch mehr Arbeit aufbürden, aber… hast du dir das schon mal mit dem neuen Rich-Text-Composer angesehen?

1 „Gefällt mir“
26

Ich habe es nicht, gibt es ein Problem damit?

2 „Gefällt mir“
27

Ja, leider funktioniert es nicht. Das sehe ich, nachdem ich auf die Schaltfläche „Vergleichsbild“ geklickt habe, wenn der Rich-Text-Editor aktiviert ist:

CleanShot 2025-09-24 at 10.30.26@2x
CleanShot 2025-09-24 at 10.30.26@2x1586×1374 88.3 KB

1 „Gefällt mir“
28

Ich bin mir nicht sicher, wie ich das zum Laufen bringen soll, es scheint, als würde der Rich-Text-Editor HTML falsch verarbeiten. Ich stelle mir vor, dass Sie das gleiche Problem bei jeder ähnlichen Komponente wie einer Bildergalerie sehen würden.

2 „Gefällt mir“
29

Hey Joseph, wäre es für dich in Ordnung, wenn ich versuche, die Komponente zu reparieren?

2 „Gefällt mir“
30

Haben Sie zufällig Zeit, sich das anzusehen oder @Arkshine auf sein Angebot einzugehen? :smiley:

1 „Gefällt mir“
31

Entschuldigung, ich habe vergessen zu antworten. Ich würde es begrüßen, wenn jemand mit mehr Wissen sich daran versuchen würde. Die Discourse-Instanz, auf die ich Zugriff habe, hat keine Rich-Text-Funktion aktiviert, und ich habe nicht die Möglichkeit, sie zu aktivieren, daher kann ich das nicht wirklich testen :thinking: danke für Ihr Angebot!

3 „Gefällt mir“
32

OK, danke für die Info, ich werde es versuchen. :+1:

3 „Gefällt mir“
33

Alles klar, Leute, ich hatte endlich Zeit, daran zu arbeiten.
Hoffentlich besteht immer noch Interesse an diesem TC!

Der PR überarbeitet den TC mit folgenden Funktionen:

  • Zoomen und Schieben (Mausrad, Pinch-Geste und Steuerelemente direkt im Bild)
  • Vollbildansicht
  • Öffnen der Originalbilder in voller Größe im Lightbox-Modus
  • Optionale Vorher/Nachher-Beschriftungen mit konfigurierbarer Platzierung
  • Optionale Bildunterschrift
  • Verschiedene Griffstile (Linie, dünn, Kreis, Greifer) und eine benutzerdefinierte Grifffarbe
  • Bearbeitung der Schieberegler direkt im Rich-Text-Editor oder per Markdown
  • Tastaturzugänglichkeit (Pfeiltasten verschieben den Trenner, +/-/0 zoomen)
  • Einschränkung, wer Schieberegler einfügen darf, basierend auf Gruppen

Das Markdown-Format wurde unter Verwendung des [wrap]-Tags geändert. Die Abwärtskompatibilität ist gewährleistet.
Version 2026.6.0-latest ist erforderlich.

Es ist mobil und RTL-freundlich. Allerdings bin ich kein UX-Experte und konnte auf mobilen Geräten oder iOS nicht viel testen.

Wenn Sie separat testen möchten, können Sie Folgendes verwenden:

  • URL: https://github.com/arkshine/discourse-image-comparison-slider
  • Branch: modernize-with-rte
    (Ich empfehle, Schieberegler aus der vorherigen Version nicht zu bearbeiten, um das Markdown-Format nicht zu ändern)
5 „Gefällt mir“