Testaa ja debuggaa säännöllisiä lausekkeita visuaalisella editorilla. Näe matchit reaaliajassa, ymmärrä regex-syntaksi ja tallenna hyödylliset patternit myöhempää käyttöä varten.
Aloittelija · 2-3 tuntia · Next.js, TypeScript, Tailwind CSS
Kopioi tämä Cursoriin tai Claude Codeen ja aloita rakentaminen.
Luo regex-testaaja. Layout: - Regex-input (flags: g, i, m checkboksit) - Testiteksti-alue (suuri) - Match-tulokset (lista) - Cheat sheet (sivupalkki) Toiminnot: - Reaaliaikainen regex-tarkistus - Matchien korostus tekstissä - Capture groupit värikoodattuna - Virheviestit (invalid regex) - Replace-tila Cheat sheet: - Merkit: . ^ $ * + ? | \ [] () - Luokat: \d \w \s \b - Quantifiers, anchors, groups Esimerkit: - Email, puhelin, postinumero, URL Tech: Next.js, TypeScript, Tailwind CSS
Luo regex-input ja testiteksti.
Luo regex-testaaja: input regex-patternille, suuri tekstialue testistrelle. Korosta matchit tekstissä reaaliajassa eri väreillä.
Näytä yksityiskohtaiset tiedot.
Näytä match-tiedot: montako osumaa, jokaisen osuman teksti ja sijainti, capture groupit. Listaa matchit korteissa.
Lisää cheat sheet ja esimerkit.
Lisää sivupalkki regex cheat sheetillä (^, $, *, +, ?, [], jne.). Lisää valmiita esimerkkipatterneja (email, puhelin, URL).
Reaaliaikainen testaus
Match-korostus
Ryhmien näyttö
Cheat sheet
Esimerkkipatternit
Kun perusprojekti on valmis:
Regex debugger step-by-step
Tallenna patternit
Generoi regex kuvauksesta
Suorituskykyanalyysi
Export useaan kieleen
Muotoile, validoi ja vertaa JSON-dataa yhdessä näppärässä työkalussa. Korvaa usean erillisen verkkosivun tarpeen ja tekee API-kehityksestä sujuvampaa.
Muunna Markdown HTML:ksi reaaliajassa jaetulla näkymällä. Kirjoitat vasemmalle ja näet lopputuloksen oikealla - kätevä työkalu blogikirjoittajille ja kehittäjille.
Värien muunnos eri formaattien välillä, palettien generointi ja WCAG-kontrastin tarkistus. Hyödyllinen työkalu suunnittelijoille ja frontend-kehittäjille.
Valitse työkalu ja käytä aloituspromptiä.