ClassicSidebar Layout

HtmlDiffViewer

Vergleicht zwei HTML-Strings und markiert Einfügungen/Löschungen direkt im gerenderten Text. Basiert auf HtmlDiff.Net (Rohland/htmldiff.net).

Playground – eigene Texte & alle Parameter

HTML in beide Felder einfügen und Parameter live anpassen.



3 hinzugefügt 2 gelöscht

Das ist ein alterneuer Text mit Formatierung und mehr.

  • Punkt A
  • Punkt BC

Nur Einfügungen ZeigeLöschungen="false"

Zeigt ausschließlich, was im neuen Text neu hinzugekommen ist. Nützlich für einen "Was ist neu?"-Blick.

3 hinzugefügt 2 gelöscht

Das ist ein alterneuer Text mit Formatierung und mehr.

  • Punkt A
  • Punkt BC

Nur Löschungen ZeigeEinfuegungen="false"

Zeigt ausschließlich, was im alten Text weggefallen ist. Nützlich für einen "Was wurde entfernt?"-Blick.

3 hinzugefügt 2 gelöscht

Das ist ein alterneuer Text mit Formatierung und mehr.

  • Punkt A
  • Punkt BC

Leerzeichen ignorieren IgnoriereLeerzeichen="true"

Beide Versionen unterscheiden sich nur in Einrückung und Zeilenumbrüchen – inhaltlich identisch. Ohne Flag werden viele Änderungen angezeigt; mit Flag verschwindet der Diff fast vollständig.

IgnoriereLeerzeichen="false" (Standard)

4 hinzugefügt 1 gelöscht

Hallo  Welt

Zweiter Absatz

IgnoriereLeerzeichen="true"

3 hinzugefügt

Hallo Welt

Zweiter Absatz

WiederholungsGenauigkeit 1.0 vs. 0.5

Bei repetitivem Text (z.B. Aufzählungen mit gleichen Einleitungswörtern) kann ein niedrigerer Wert das Ergebnis übersichtlicher machen: häufige Wörter werden großzügiger zusammengeführt, statt jedes einzelne Vorkommen separat als Änderung zu markieren.

WiederholungsGenauigkeit="1.0" (Standard – präzise)

4 hinzugefügt 2 gelöscht
  • Der erste Punkt ist sehr wichtig
  • Der zweite Punkt ist besonders relevant
  • Der drittevierte Punkt ist optionalneu

WiederholungsGenauigkeit="0.5" (großzügiger)

4 hinzugefügt 2 gelöscht
  • Der erste Punkt ist sehr wichtig
  • Der zweite Punkt ist besonders relevant
  • Der drittevierte Punkt ist optionalneu

WaiseSchwellenwert 0.0 vs. 0.5

Bei stark umgestellten Texten entstehen viele kleine isolierte Matches ("Waisen"), die den Diff fragmentiert wirken lassen. Ein höherer Schwellenwert fasst diese zusammen – der Diff wird gröber, aber leichter lesbar.

WaiseSchwellenwert="0.0" (Standard – fein)

2 hinzugefügt 2 gelöscht

Zusammenfassung zuerst. Abschnitt B wurde vorgezogen. Einleitung. Abschnitt A enthältmit neuen Details. Abschnitt B folgt danach. Zusammenfassung am Ende.

WaiseSchwellenwert="0.5" (grober)

1 hinzugefügt 1 gelöscht

Einleitung. Abschnitt A enthält Details. Abschnitt B folgt danach. Zusammenfassung am Ende.Zusammenfassung zuerst. Abschnitt B wurde vorgezogen. Einleitung. Abschnitt A mit neuen Details.

Statistik-Leiste ZeigeStatistik="false"

Blendet die Zusammenfassung (Anzahl Einfügungen/Löschungen) über dem Diff aus.

Das ist ein alterneuer Text mit Formatierung und mehr.

  • Punkt A
  • Punkt BC

Keine Unterschiede

Beide Texte identisch – die Statistik-Leiste zeigt "Keine Unterschiede".

Keine Unterschiede

Das ist ein alter Text mit Formatierung.

  • Punkt A
  • Punkt B

Tabellen-Diff

HtmlDiff.Net versteht HTML-Struktur – Zellen, Zeilen und Tags werden korrekt verglichen.

4 hinzugefügt 4 gelöscht
NamePreis
Apfel1,2050
BananeKirsche02,8040

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.