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).
Aperçu
Un outil de développement qui génère des expressions régulières sous forme de diagrammes ferroviaires (schémas syntaxiques) et affiche les résultats de correspondance en direct. L'outil existant regex-checker ne prend en charge que les tests de modèles. Cet outil est spécialement conçu pour la visualisation de la structure regex — une fonctionnalité complètement distincte pour l'analyse visuelle.
Comment utiliser
Saisir une Regex
Tapez un modèle et choisissez des drapeaux (flags). Testez les boutons d'exemple pour commencer directement.
Lire le Diagramme
Le schéma ferroviaire symbolise distinctement le découpage des éléments d'architecture regex pour simplifier la révision.
Test & Exportation
Saisissez une chaîne pilote et observez les concordances de la commande, enfin transférez l'imagerie au standard SVG.
Glossaire
- Expression Régulière (Regex)
- Langage de formalisation permettant l'ingénierie textuelle paramétrisée et fine. S'utilise /modèle/drapeaux (en natif JavaScript).
- Railroad Diagram (Graphe ferroviaire)
- Découpage architectural formel (Syntax Diagram). Explicite de manière transparente les branches ainsi que la quantité et séquences du code.
- Groupe de Capture (Capture Group)
- L'emplacement de capture ciblé symbolisé par (). Stocke le contenu valide en base de données ou variables (souvent $1, $2, etc.).
- Quantificateur
- Gère la récursion globale des occurrences : * (zéro, plusieurs), + (plus d'un), ? (optionnelle), {n,m} (borne fixe de répétitions).
- Classes de caractères
- Syntaxe d'identification [ ]. Induit la vérification de conformité via plage : [a-z] (minuscules), ou par exclusion [^0-9] (non numérique).
- Lookahead / Lookbehind
- Recherches avancées non consomatrices (?=...) et (?<=...) assurant uniquement des correspondances en amont ou en aval sans inclure le résultat de position.
- Drapeaux (Flags - g/i/m/s/u)
- Sélecteurs optionnels. g=global, i=intolérance sur la casse, m=multiligne, s=dotAll, u=mode paramètre Unicode.
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
Apprentissage des expressions courantes
Saisissez les fondements cryptiques structurels des expressions grâce à leurs répercussions de construction directe.
Débogage des motifs et erreurs d'exécution
Vérifiez que toutes les règles établies lors de sessions Dev-Ops sont justes avant intégration au sein d'une boucle logicielle (Production).
Formation des équipes de conception
Exportez facilement ces visuels standards dans des demandes de modification GitHub ou présentions (Docs).
Spécifications d'Ingénierie
Insérez les graphes produits en mode vectoriel propre afin d'améliorer massivement la clarté d'un manuel (API).
Envoyer des commentaires
Faites-nous part de vos réflexions pour nous aider à améliorer l'outil.
Les commentaires sont temporairement suspendus
Le serveur est occupé ou la protection anti-spam est active. Veuillez réessayer plus tard.