Elysia Tools

Explore ferramentas, exemplos, explicações visuais e guias temáticos em um espaço claro.

Categorias populares

Temas

Idioma
ZHESPTRUFRDEEN

Elysia Tools

Navegação

Development

Visualizador de Diagrama Ferroviário de Regex

· Última atualização:2026-06-20

Renderiza uma expressão regular como diagrama ferroviário SVG mostrando literais, grupos, alternativas e repetição, com numeração de grupos de captura e explicação das flags

Detalhes

O que esta ferramenta ajuda você a fazer

Cole uma expressão regular no estilo JavaScript/PCRE e obtenha um diagrama ferroviário (sintático) que torna a estrutura óbvia — muito mais legível que uma parede de metacaracteres.

Como funciona:

  1. O padrão é analisado em um AST com a biblioteca ret.
  2. Cada nó do AST é mapeado para uma primitiva de diagrama ferroviário: literais viram caixas arredondadas, grupos são rotulados com seu índice de captura (e nome), alternativas ramificam em uma escolha, e quantificadores (*, +, ?, {n,m}) são renderizados como setas de retorno.
  3. O diagrama é renderizado como um SVG autossuficiente via railroad-diagrams.

O relatório também lista:

  • Cada grupo de captura com seu número e nome (se houver).
  • Cada flag com uma explicação em linguagem clara (g, i, m, s, u, y, d, x).

Leia o diagrama da esquerda para a direita. É especialmente útil para ensinar regex, documentar padrões complexos e detectar formas de backtracking catastrófico (quantificadores aninhados) antes da produção.

Limitações: o parser cobre a sintaxe JavaScript/PCRE incluindo classes de caracteres, âncoras, retroreferências, grupos nomeados, lookaround (reportado) e quantificadores limitados/ilimitados. Alguns recursos avançados do PCRE (padrões recursivos, \K, branch reset, condicionais) não são suportados e reportam erro de análise.

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Continue com ferramentas e temas relacionados

Escrito pela equipe Elysia Tools
Imagem355
Visualização69
Regex24
SVG14
Expressão regular8

Guia de uso da ferramenta

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Categoria
Development
Tipos de entrada
text
Tipo de saída
html
Cobertura de exemplos
4
API pronta
Sim

Visão geral

O Visualizador de Diagrama Ferroviário de Regex converte expressões regulares complexas em diagramas sintáticos SVG claros e fáceis de ler. Ele analisa padrões no estilo JavaScript/PCRE, mapeando grupos de captura, alternativas e quantificadores em caminhos visuais intuitivos, além de fornecer explicações detalhadas sobre as flags utilizadas.

Quando usar

  • Ao documentar expressões regulares complexas em projetos de equipe para facilitar a manutenção do código.
  • Durante o desenvolvimento e depuração de padrões de regex difíceis de ler ou propensos a erros.
  • Para ensinar ou aprender a sintaxe de expressões regulares visualizando o fluxo de correspondência passo a passo.

Como funciona

  1. 1O analisador processa a expressão regular fornecida e a converte em uma Árvore de Sintaxe Abstrata (AST) usando a biblioteca ret.
  2. 2Cada elemento da AST é mapeado para um componente visual correspondente, como caixas para literais, ramificações para alternativas e loops para quantificadores.
  3. 3A ferramenta gera um diagrama ferroviário em formato SVG autossuficiente e lista todos os grupos de captura identificados com suas respectivas flags explicadas.

Casos de uso

  • Visualização de padrões de validação de e-mail e telefone para auditoria de segurança.
  • Documentação técnica de rotas de URL e regras de roteamento baseadas em regex.
  • Identificação visual de quantificadores aninhados que possam causar problemas de backtracking catastrófico.

Exemplos

1. Visualização de Regex para URLs

Desenvolvedor Web

Contexto

Precisa validar e extrair partes de URLs em um arquivo de configuração, mas a expressão regular atual é muito difícil de ler.

Problema

Compreender a estrutura de grupos de captura de um padrão de URL complexo.

Como usar

Insira o padrão ^(https?)://([^/:]+)(:\d+)?(/.*)?$ no campo de expressão regular e defina a flag como i.

{
  "pattern": "^(https?)://([^/:]+)(:\\d+)?(/.*)?$",
  "flags": "i"
}

Resultado

Um diagrama SVG claro mostrando os caminhos para o protocolo opcional, domínio, porta e caminho, com cada grupo de captura numerado.

2. Análise de Padrão de E-mail

Analista de QA

Contexto

Precisa garantir que a expressão regular usada para validar e-mails no formulário de cadastro cubra todos os casos válidos sem falhas.

Problema

Verificar visualmente se os limites de palavras e classes de caracteres de e-mail estão estruturados corretamente.

Como usar

Cole o padrão \b(\w+[\w.-]*@\w+[\w.-]*\.\w+)\b e adicione as flags gi.

Perguntas frequentes

O que é um diagrama ferroviário de regex?

É uma representação visual que mostra o fluxo de correspondência de uma expressão regular da esquerda para a direita, facilitando a leitura de padrões complexos.

Quais dialetos de regex são suportados?

A ferramenta suporta a sintaxe padrão do JavaScript e PCRE, incluindo classes de caracteres, âncoras e grupos de captura.

A ferramenta suporta recursos avançados como recursão ou branch reset?

Não, recursos avançados do PCRE como padrões recursivos, \K e condicionais não são suportados e retornarão erro de análise.

Como os grupos de captura são exibidos no diagrama?

Eles são destacados e rotulados com seus respectivos índices numéricos ou nomes, facilitando a identificação de subpadrões.

Posso exportar o diagrama gerado?

Sim, o diagrama é renderizado como um elemento SVG autossuficiente que pode ser copiado ou salvo diretamente.

Tema

Fluxo de teste, visualizacao e seguranca de regex

Crie expressoes regulares confiaveis com referencia de sintaxe, testes, visualizacao, preview de substituicao, benchmarks e scanner ReDoS.

Início
Ferramentas3201
Exemplos593
Visualizações465
Visualizadores de arquivos103
Temas233
Etiquetas333
Imagens, áudio e vídeo657

Ferramentas de processamento, conversão e otimização de imagens, áudio e vídeo

Matemática, datas e finanças644

Calculadoras, ferramentas numéricas, lógica de datas, estatística e finanças

Design e cor297

Ferramentas de cor, layout, gráficos, estilo visual e apoio ao design

Texto e escrita209

Ferramentas de escrita, limpeza, formatação, extração e análise de texto

Desenvolvimento e Web193

Utilitários para desenvolvedores, rede, depuração web e automação

Conversão e codificação175

Ferramentas de conversão de formatos, arquivos, unidades, arquivos compactados e codificação

Triagem de fontes FLAC/WAV e entrega de evidências
Revisão e entrega de um componente de sorteio auto-hospedado
Revisão de lote de códigos Stripe e pré-verificação da importação
Revisão da seleção técnica de fotos e entrega de candidatas à edição
Estruturar uma captura de interface, revisar e entregar ao desenvolvimento

© 2026 Elysia Tools. Todos os direitos reservados.

DocumentaçãoPreçosSobreTermos de serviçoPolítica de privacidadeCookiesContato
Processamento de texto

Exemplos de Substituição de Regex

Coleção de padrões de substituição de regex comuns e úteis para transformação de texto e limpeza de dados

Desenvolvimento

Padrões Comuns de Expressões Regulares

Padrões de expressões regulares comumente usados para validação e correspondência

Validação

Alternativas de Padrões Regex

Múltiplas formas de escrever o mesmo padrão regex com diferentes compensações

Processamento de texto

Grupos de Captura Nomeados Regex

Coleção de padrões regex usando grupos de captura nomeados para extrair dados estruturados de texto. Grupos nomeados tornam os padrões mais legíveis e mantíveis atribuindo nomes significativos às partes capturadas.

Math & Numbers

Traçador de distribuição normal

Traça uma curva normal em SVG com marcadores z, sombreamento de intervalo/cauda e faixas σ 68/95/99.7.

Development

Testador de regex PCRE2

Teste padrões PCRE2 online: toda a sintaxe de grupos nomeados ((?P<n>), (?<n>), (?'n')), quantificadores possessivos, grupos atômicos, \A \z \h — mais pcre2grep e a API C.

Development

Folha de Consulta Regex

Uma folha de consulta pesquisável e localizada para a sintaxe de expressões regulares — classes de caracteres, âncoras, quantificadores, grupos e referências, lookaheads, sequências de escape e flags, com um testador rápido integrado

Sports

Comparador de desempenho de equipas

Cole as estatísticas de temporada de várias equipas em CSV e obtenha uma tabela comparativa com melhor/pior por coluna, pontuações normalizadas 0–100, ranking composto e gráficos SVG.

{
  "pattern": "\\b(\\w+[\\w.-]*@\\w+[\\w.-]*\\.\\w+)\\b",
  "flags": "gi"
}

Resultado

O diagrama exibe o fluxo de caracteres permitidos antes e depois do símbolo '@', destacando o grupo de captura principal e explicando as flags global e case-insensitive.