Testaa ja debuggaa säännöllisiä lausekkeita.
Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.
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
Tässä projektissa rakennetaan seuraavat ominaisuudet:
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).
Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:
Selaa kaikkia kehittäjätyökalut projekteja tai tutustu muihin kategorioihin.