Visualizador de Regex
Visualize padrões regex como Diagramas Railroad.
Destaque de correspondências em tempo real sobre o texto de teste.
🔒A regex e os textos de teste nunca são enviados ao servidor. ※ O diagrama usa Regulex (CDN).
Sobre
Uma ferramenta para desenvolvedores que renderiza expressões regulares como Diagramas Railroad (diagramas de sintaxe) e mostra resultados de correspondências ao vivo. A função principal é visualizar a estrutura regex: uma funcionalidade completamente diferente do verificador de regex básico.
Como usar
Insira uma regex
Escreva um padrão e configure as flags. Use os botões de exemplo para começar.
Leia o diagrama
El Diagrama Railroad muestra la estructura de la regex como un flujo de caminos.
Teste e exporte
Insira um texto de teste para ver correspondências e exporte o diagrama SVG.
Glossário
- Expressão regular (Regex)
- Linguagem formal para descrever padrões de texto. Em JavaScript é escrita como /padrão/flags.
- Diagrama Railroad
- Representação visual de sintaxe/gramática. Mostra ramificação, repetição e sequência como um caminho direcionado.
- Grupo de captura
- Parênteses () que capturam texto correspondente para reutilização via $1, $2, etc.
- Quantificador
- Especifica a repetição: * (0+), + (1+), ? (0 ou 1), {n,m} (n a m vezes).
- Classe de caracteres
- [ ] corresponde a qualquer caractere listado. [a-z] = minúscula, [^0-9] = não dígito.
- Lookahead / Lookbehind
- (?=...) e (?<=...) afirmam condições à frente/atrás da correspondência sem consumir caracteres.
- Flags (g/i/m/s/u)
- g=global, i=ignorar maiúsculas, m=multilinha, s=dotAll, u=modo Unicode.
Perguntas frequentes
- P.Qual a diferença para o verificador de regex básico?
- O verificador básico apenas mostra correspondências. Esta ferramenta gera o Diagrama Railroad para visualizar a estrutura.
- P.Qual sintaxe regex é compatível?
- Sintaxe regex do JavaScript ES2024, incluindo lookahead, lookbehind e grupos de captura nomeados.
- P.Meus dados são enviados a um servidor?
- Não. Todo o processamento é local no seu navegador.
- P.Requer internet?
- A biblioteca do Diagrama Railroad é carregada via CDN. A função de correspondências funciona totalmente offline.
Casos de uso
Aprender regex
Entenda padrões complexos visualmente vendo a estrutura como diagrama.
Depurar padrões
Verifique que um padrão está estruturado como desejado antes de usá-lo em produção.
Documentação de equipe
Compartilhe diagramas SVG em pull requests ou documentação técnica.
Diagramas em especificações
Insira diagramas SVG em documentos de especificação para maior clareza.