digtools
🚂
regex visualizer,

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.

🚂
Schéma ferroviaire
Visualisez la structure des expressions régulières sous forme d'organigramme
Correspondance en direct
Voir la mise à jour des résultats du match en temps réel
🔒
Entièrement local
Regex et chaînes de test jamais envoyées au navigateur
/ /

🔒Les regex et les chaînes de test ne sont jamais envoyés à un serveur. * Remarque : Le schéma ferroviaire utilise Regulex (CDN).

about,

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,

How to Use

STEP 1

Enter a Regex

Type a pattern and set flags. Try the example buttons to get started.

STEP 2

Read the Diagram

The Railroad Diagram visualizes the regex structure as a path flow.

STEP 3

Test & Export

Enter a test string to see live matches, then export the SVG diagram.

glossary,

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,

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.
use cases,

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.

Avis Légal

Les outils fournis sur ce site sont entièrement gratuits, mais veuillez les utiliser à vos propres risques. Nous ne garantissons ni l'exactitude, ni l'exhaustivité, ni la sécurité des résultats de calcul, de conversion ou des données générées. L'exploitant décline toute responsabilité pour tout dommage ou problème causé par l'utilisation de ces outils. La plupart des outils traitent les fichiers et les calculs localement dans votre navigateur, ce qui signifie que vos données saisies ne sont ni envoyées ni stockées sur nos serveurs.