Visualiseur d'Expressions Régulières
Visualisez les modèles regex sous forme de schémas ferroviaires.
Mise en évidence des correspondances en direct sur les chaînes de test.
🔒Les regex et les chaînes de test ne sont jamais envoyés à un serveur. * Remarque : Le schéma ferroviaire utilise Regulex (CDN).
About
A developer tool that renders regular expressions as Railroad Diagrams (syntax diagrams) and displays live match results. The existing regex-checker only supports pattern testing. This tool is specifically designed for visualizing regex structure — a completely separate feature.
How to Use
Enter a Regex
Type a pattern and set flags. Try the example buttons to get started.
Read the Diagram
The Railroad Diagram visualizes the regex structure as a path flow.
Test & Export
Enter a test string to see live matches, then export the SVG diagram.
Glossary
- Regular Expression (Regex)
- A formal language for describing text patterns. In JavaScript, written as /pattern/flags.
- Railroad Diagram
- A visual representation of syntax/grammar. Shows branching, repetition, and sequence as a directed path.
- Capture Group
- Parentheses () that capture matched text for backreference or replacement via $1, $2, etc.
- Quantifier
- Specifies repetition: * (0+), + (1+), ? (0 or 1), {n,m} (n to m times).
- Character Class
- [ ] matches any listed character. [a-z] = lowercase, [^0-9] = non-digit.
- Lookahead / Lookbehind
- (?=...) and (?<=...) assert conditions ahead/behind the match without consuming characters.
- Flags (g/i/m/s/u)
- g=global, i=case-insensitive, m=multiline, s=dotAll, u=Unicode mode.
FAQ
- Q.En quoi est-ce différent du regex-checker ?
- regex-checker se concentre sur les tests et l'affichage des correspondances. La fonctionnalité principale de cet outil est la visualisation du diagramme ferroviaire.
- Q.Quelle syntaxe regex est prise en charge ?
- Syntaxe d'expression régulière JavaScript ES2024, y compris les groupes de capture anticipés, regardés derrière et nommés.
- Q.Mes données sont-elles envoyées à un navigateur ?
- Non. Tout le traitement est local dans votre navigateur.
- Q.Existe-t-il des risques ReDoS ?
- Des modèles de retour en arrière catastrophiques pourraient ralentir le navigateur. Testez d'abord avec de petites chaînes.
- Q.Est-ce qu'il faut Internet ?
- La bibliothèque Railroad Diagram se charge à partir de CDN. La fonctionnalité de test de correspondance fonctionne hors ligne.
Cas d'utilisation
Learning Regex
Understand complex patterns visually by seeing the structure as a diagram.
Debugging Patterns
Verify a pattern is structured as intended before using it in production code.
Team Documentation
Share SVG diagrams in pull requests or technical docs to explain regex logic.
API Spec Diagrams
Embed SVG diagrams in specification documents for clarity.