A kis szövegátalakítások folyamatosan előkerülnek: címekből slugok, címkékből azonosítók, snippetekből URL-biztos stringek, szövegekből HTML-hez vagy JSON-hoz escapelt értékek lesznek. A feladat kicsi, de a kontextusváltás nem.
A Converty Case / Slug / Escape eszköze egy helyen adja ezeket a kimeneteket. Illessz be egy szöveget, és kapj camelCase, PascalCase, snake_case, kebab-case, slug és gyakori escapelt változatokat anélkül, hogy több utility között váltanál.
Miért vesz el időt?
Egy slug vagy escapelt string előállítása nem nehéz. A gond az, hogy ritkán csak egy formára van szükség. Egy launch-cím lehet, hogy URL-slugként, változónévként, kebab-case assetnévként és configba illeszthető escapelt snippetként is kell. Ha mindegyik külön eszközben készül, a kis munka lelassul.
Gyors munkafolyamat
- Nyisd meg a Case / Slug / Escape eszközt.
- Illeszd be a címet, címkét vagy snippetet.
- Nézd meg a case-kimeneteket azonosítókhoz.
- Másold ki a slugot URL-hez vagy tartalmi útvonalhoz.
- Használd az escapelt kimeneteket HTML-, JSON- vagy URL-környezethez.
Az érték abban van, hogy nem kell előre eldöntened, melyik egyetlen kimenetre lesz szükség. Mindegyik ugyanazon bemenet mellett van.
Melyik kimenet mire való?
| Kimenet | Legjobb használat |
|---|---|
| camelCase | JavaScript azonosítók és object key-k |
| PascalCase | Komponensnevek és osztályszerű azonosítók |
| snake_case | Adatmezők, scriptek és néhány backend-konvenció |
| kebab-case | Fájlnevek, CSS-szerű tokenek és route-fragmentek |
| Slug | URL-útvonalak, blogslugok és tartalmi azonosítók |
| Escapelt szöveg | HTML-, JSON- vagy URL-környezet, ahol a speciális karaktereket védeni kell |
Gyakori kérdések
Használhatom a slug kimenetet magyar címekhez?
Igen. A projekt route-konvencióját viszont mindig ellenőrizd. Ebben a blogban a frontmatter slugok magyar jelentésű, ASCII-biztos útvonalak.
Mikor kell URL-kódolás?
Amikor egy string URL-paraméterbe vagy olyan környezetbe kerül, ahol a karaktereket biztonságosan kódolni kell.
Mikor kell JSON escape?
Amikor szöveget JSON stringbe szeretnél illeszteni úgy, hogy az idézőjelek, backslashek és control karakterek ne törjék meg a szerkezetet.
Tartsd közel a szöveges utilities-t
A slugok, case-változatok és escapelt szöveg gyorsabb létrehozása sok apró megszakítást vesz ki a munkából. Nyisd meg a Case / Slug / Escape eszközt, amikor címekkel, azonosítókkal vagy snippetekkel dolgozol.
