14 August 2013

Hoje, precisei fazer uma regex em javascript e achei uma ferramenta online ótima sobre o assunto, o reFiddle.

Pelo próprio nome, lembra o jsfiddle, outra ferramenta muito útil, para testar e compartilhar códigos HTML/CSS/Javascript.

Captura de tela do reFiddle


Funções

o reFiddle tem a mesma estrutura básica de ações / input que conhecemos de outros serviços do gênero:

  • Área de Input do pattern da expressão regular, com syntax highlight
  • Área Corpus: Input de strings para testes da regex
  • Área Replace: Play: para iniciar o teste nas strings abaixo, marcando as que passam com um fundo verde, vermelho as que falham
  • Save: salvar em uma url única o seu teste
  • Fork: copiar um teste em uma nova url, para modificações
  • Clear: começar do zero
  • Undo: voltar ao estado antes do Clear
  • Área Discuss: uma área de comentarios, da disqus
  • Painel de opções, com:

    • Regex Options:
      • seleção entre Javascript, Ruby ou .Net
      • Match all occurrences ( /g ), Ignore case ( /i ) e ^$ match each line ( /m )
      • Descriçao do reFiddle, com tags, título e descrição
      • Opções de privacidade, com direitos de modificação e listar publicamente
    • Corpus Test Results
      • Número de resultados encontrados pela sua expressão regular no texto da àrea "Corpus"
    • History
      • histórico de modificações
    • Ask on StackOverflow
    • Legal & Credits:
      • licença e agradecimentos aos projetos que usaram ( Code Mirror, CSS3 PIE, jsfiddle, jQuery, StackOverflow )
    • Feedback
      • idéias e pedidos mais solicitados por usuários e contato, do uservoice

Uma parte interessante, com muito conteúdo, mas pouco organizado é a lista de reFiddles públicos, marcados por tags.


Exemplos

Finalizando, os dois reFiddles que fiz hoje:


Bônus

E uma lista de outros serviços que testam regex online: