Hoofdletter-converter

Wat de hoofdletter-converter doet

De converter zet woorden, koppen, labels en identifiers om tussen veelgebruikte naamgevingsstijlen. Hij ondersteunt hoofdletters, kleine letters, title case, camelCase, snake_case, kebab-case en sentence case. Dat is handig wanneer tekst wordt verplaatst tussen ontwerpbestanden, documentatie, CSS-klassen, JavaScript-variabelen, omgevingsvariabelen, databasekolommen en testnamen die allemaal net andere conventies gebruiken.

Deze pagina is bedoeld voor het dagelijkse werk van ontwikkelaars: snelle controles tijdens het debuggen, kleine voorbeelden voor documentatie en het opschonen van gegevens voordat je ze in een editor, terminal, issue of testfixture plakt. De interface houdt invoer, knoppen, uitvoer en statusmelding dicht bij elkaar, zodat je het resultaat gemakkelijk kunt controleren voordat je het kopieert.

Privé werken in de browser

Alle verwerking gebeurt met JavaScript in de browser. De tool uploadt je tekst, tokens, URL's, snippets of gegenereerde waarden niet naar een server en vereist geen account. Dat privacymodel is belangrijk, omdat kleine hulpmiddelen bij het oplossen van problemen vaak echte API-antwoorden, configuratievoorbeelden, logs, authenticatiegegevens of klantachtige voorbeelden te verwerken krijgen. Lokaal werken verkleint het risico en voelt bovendien direct aan, omdat er geen netwerkverkeer aan te pas komt.

Praktische tips

Automatische conversie kent niet elke afkorting, merknaam of projectspecifieke uitzondering. Controleer uitvoer zoals API, URL, ID, HTML en productnamen voordat je die commit. De op woorden gebaseerde modi splitsen op leestekens, witruimte, underscores, koppeltekens en camelCase-grenzen, terwijl hoofdletters en kleine letters de oorspronkelijke scheidingstekens behouden.

Controleer getransformeerde uitvoer altijd voordat je erop vertrouwt in productie. Browserhulpmiddelen zijn uitstekend voor inspectie en voorbereiding, maar ze kennen niet elke projectconventie of beveiligingseis. Wordt het resultaat gecommit, openbaar gedeeld of gebruikt in een authenticatieproces, controleer dan of het geen geheimen bevat en overeenkomt met het formaat dat je applicatie verwacht.

Voorbeelden en gedragsdetails

De invoer user first name wordt userFirstName in camelCase, user_first_name in snake_case, user-first-name in kebab-case en User First Name in title case. Een camelCase-identifier zoals getUserID wordt op zijn hoofdlettergrenzen gesplitst in get, user en id, waardoor snake_case get_user_id oplevert.

Enkele details zijn goed om te weten. Title case zet van elk woord de eerste letter in hoofdletter, ook bij kleine woorden als “of” en “and”. Pas die dus handmatig aan als je stijlgids ze in kleine letters schrijft. Sentence case zet de hele invoer in kleine letters en maakt alleen het eerste teken een hoofdletter; latere zinnen of eigennamen worden niet herkend. Omdat camelCase, snake_case en kebab-case de tekst opnieuw opbouwen uit woorden, verdwijnen leestekens en regeleinden en is het resultaat één regel. Een reeks hoofdletters gevolgd door een woord, zoals HTTPResponse, blijft één woord, omdat er alleen wordt gesplitst waar een kleine letter of cijfer een hoofdletter ontmoet.