# Regex-Eisenbahndiagramm-Visualisierer Rendert einen regulären Ausdruck als SVG-Eisenbahndiagramm (Syntaxbaum), das Literale, Gruppen, Alternativen und Wiederholungen zeigt, mit Nummerierung der Capture-Gruppen und Flag-Erklärungen > Kanonische Seite: https://elysiatools.com/de/tools/regex-railroad-diagram-visualizer - **Kategorie:** Development - **Schlagwörter:** regex, eisenbahndiagramm, visualisieren, regulärer ausdruck ## Überblick Füge einen regulären Ausdruck im JavaScript/PCRE-Stil ein und erhält ein Eisenbahndiagramm (Syntaxbaum), das die Struktur offensichtlich macht — viel leichter lesbar als eine Wand von Metazeichen. Funktionsweise: 1. Das Pattern wird mit der Bibliothek `ret` in einen AST zerlegt. 2. Jeder AST-Knoten wird auf eine Eisenbahndiagramm-Primitive abgebildet: Literale werden abgerundete Boxen, Gruppen werden mit ihrem Capture-Index (und Name) beschriftet, Alternativen verzweigen in eine Auswahl, und Quantoren (*, +, ?, {n,m}) werden als Rückführungspfeile gerendert. 3. Das Diagramm wird als in sich geschlossenes SVG via `railroad-diagrams` gerendert. Der Bericht listet zudem: - Jede Capture-Gruppe mit Nummer und Name (falls vorhanden). - Jedes Flag mit einer Erklärung in Klartext (g, i, m, s, u, y, d, x). Lies das Diagramm von links nach rechts. Besonders nützlich zum Lehren von Regex, zum Dokumentieren komplexer Patterns und zum Erkennen katastrophaler Rückverfolgung (verschachtelte Quantoren) vor dem Produktivbetrieb. Einschränkungen: Der Parser deckt JavaScript/PCRE-Syntax einschließlich Zeichenklassen, Anker, Rückreferenzen, benannten Gruppen, Lookaround (gemeldet) und beschränkte/unbeschränkte Quantoren ab. Einige erweiterte PCRE-Funktionen (rekursive Patterns, \K, Branch-Reset, Conditional) werden nicht unterstützt und geben einen Parse-Fehler. ## Eingaben - **Regulärer Ausdruck** (text): e.g. ^(https?)://(\[^/:\]+)(:\d+)?(/.*)?$ · (\w+@\[\w.-\]+) · \b\d{3}-\d{4}\b - **Flags** (text): e.g. gi · gim · (leave empty for none) ## Wann verwenden - Zur verständlichen Dokumentation komplexer regulärer Ausdrücke in technischen Spezifikationen oder Team-Wikis. - Zur Fehlersuche und Analyse verschachtelter Regex-Muster, um logische Fehler oder Performance-Probleme frühzeitig zu erkennen. - Für Schulungszwecke und Code-Reviews, um die genaue Funktionsweise von Suchmustern visuell zu vermitteln. ## Funktionsweise - Geben Sie Ihren regulären Ausdruck im Eingabefeld ein und fügen Sie optional die gewünschten Flags (wie g, i oder m) hinzu. - Der Parser zerlegt das Pattern mithilfe der ret-Bibliothek in einen abstrakten Syntaxbaum (AST). - Jeder AST-Knoten wird in ein passendes Diagramm-Element übersetzt, wobei Literale als Boxen, Alternativen als Verzweigungen und Quantoren als Schleifen dargestellt werden. - Das Tool generiert ein interaktives SVG-Diagramm und listet alle erkannten Capture-Gruppen sowie Flag-Erklärungen übersichtlich auf. ## Anwendungsfälle - Visualisierung eines komplexen URL-Parsers zur Überprüfung aller optionalen Pfade und Port-Angaben. - Analyse von E-Mail-Validierungsmustern zur Identifizierung von redundanten Zeichenklassen oder fehlerhaften Wortgrenzen. - Erstellung von verständlichen Grafiken für Entwickler-Dokumentationen, um reguläre Ausdrücke ohne mühsames Entziffern von Metazeichen zu erklären. ## Häufig gestellte Fragen ### Welche Regex-Dialekte werden unterstützt? Das Tool unterstützt JavaScript- und PCRE-kompatible reguläre Ausdrücke, einschließlich Capture-Gruppen, Lookarounds und Quantoren. ### Können komplexe PCRE-Features wie rekursive Muster visualisiert werden? Nein, erweiterte Features wie rekursive Patterns, \K oder Branch-Resets werden nicht unterstützt und führen zu einem Parse-Fehler. ### Wie lese ich das generierte Eisenbahndiagramm? Das Diagramm wird von links nach rechts gelesen. Verzweigungen stellen Alternativen dar, während Schleifen Wiederholungen (Quantoren) symbolisieren. ### Werden benannte Capture-Gruppen im Diagramm angezeigt? Ja, das Tool nummeriert alle Capture-Gruppen und zeigt auch die Namen von benannten Gruppen direkt im Diagramm und im Bericht an. ### In welchem Format wird das Diagramm ausgegeben? Das Diagramm wird als direkt im Browser gerendertes, hochauflösendes SVG-Bild ausgegeben. ## Ähnliche Tools - [Regex-Spickzettel](https://elysiatools.com/de/tools/regex-cheat-sheet): Ein durchsuchbarer, lokalisierter Spickzettel für die Syntax regulärer Ausdrücke — Zeichenklassen, Anker, Quantoren, Gruppen und Referenzen, Lookarounds, Escape-Sequenzen und Flags, mit integriertem Schnelltester - [Regex-Debugger](https://elysiatools.com/de/tools/regex-debugger): Verfolgen Sie Schritt für Schritt, wie ein regulärer Ausdruck mit einem String matched: visualisieren Sie Match-Versuche, Teilerfolge, Backtracks und Captures — ein Werkzeug zum Verstehen von Regex-Verhalten, nicht nur des Endergebnisses - [Regex-Ersetzungsvorschau](https://elysiatools.com/de/tools/regex-replace-previewer): Echtzeitvorschau von Regex-Ersetzungen mit Diff-Hervorhebung und Statistiken - [Mikroskop-Maßstabsbalken-Kalibrator](https://elysiatools.com/de/tools/microscope-scale-bar-calibrator): Berechnet Objektmaßstab, Sichtfeld, Beugungsgrenzen und Nyquist-Abtastung und erzeugt einen transparenten SVG-Maßstab. - [Selbstschließende HTML-Tag-Referenz](https://elysiatools.com/de/tools/self-closing-html-tags): Vollständige Referenz für HTML-Leerelemente (selbstschließende Tags), SVG-Elemente und MathML-Elemente - [Regex-Tester](https://elysiatools.com/de/tools/regex-tester): Testet reguläre Ausdrücke gegen Text - [Kepler-Bahnlöser](https://elysiatools.com/de/tools/kepler-orbit-solver): Löst die Keplergleichung E − e·sin(E) = M numerisch für die exzentrische Anomalie E, die wahre Anomalie ν, den Bahnradius und die Relativgeschwindigkeit, mit Newton-/Bisektions-/Fixpunktverfahren, Konvergenzverlauf und SVG-Diagramm - [ReDoS-Scanner fuer Regex](https://elysiatools.com/de/tools/redos-regex-scanner): Prueft Regex-Muster auf katastrophales Backtracking, simuliert boesartige Eingaben und schlaegt sichere Alternativen vor ## Beispiele - [Regex-Ersetzungsbeispiele](https://elysiatools.com/de/samples/regex-replace): Sammlung häufiger und nützlicher Regex-Ersetzungsmuster für Texttransformation und Datenbereinigung - [Häufige Reguläre Ausdrücke](https://elysiatools.com/de/samples/regex-samples): Häufig verwendete reguläre Ausdrucksmuster für Validierung und Übereinstimmung - [Regex-Muster Alternativen](https://elysiatools.com/de/samples/regex-alternatives): Mehrere Möglichkeiten, dasselbe Regex-Muster zu schreiben mit unterschiedlichen Kompromissen - [Benannte Capture-Gruppen von Regex](https://elysiatools.com/de/samples/regex-named-groups): Sammlung von Regex-Mustern, die benannte Capture-Gruppen verwenden, um strukturierte Daten aus Text zu extrahieren. Benannte Gruppen machen Muster lesbarer und wartbarer, indem sie aussagekräftige Namen den erfassten Teilen zuweisen. ## Verwandte Inhalte - [Tools fur Regex-Tests, Visualisierung und Pattern-Debugging](https://elysiatools.com/de/hubs/regex-utility): Vergleiche Regex-Tester, Erklarer, Spickzettel, Visualisierer, Linter, Performance-Scanner und Ersetzungs-Vorschauen in einem Hub fur sichereres Pattern-Design und Debugging. - [SVG-, Favicon- und Icon-Workflow-Tools](https://elysiatools.com/de/hubs/svg-favicon-icon-workflows): Erstellen Sie Favicon-Pakete, optimieren Sie SVGs, konvertieren Sie Icons zwischen ICO, PNG, JPG, WebP und SVG und bereiten Sie webfertige Assets in einem Hub vor.