Was es tut
Wandelt einen Text gleichzeitig in zehn Schreibkonventionen um: camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, slug, Title Case, Sentence case, UPPER und lower. Wähle einen Chip, und der Text rendert sich in dieser Schreibweise neu. Kurze einzeilige Ergebnisse erscheinen in großer Schrift; lange oder mehrzeilige Ergebnisse erscheinen in der Ausgabebox. Der Teilen-Link trägt sowohl die Schreibweise als auch den Text, sodass du ein exaktes Setup weitergeben kannst.
So verwendest du es
- Tippe oder füge Text in die Eingabe ein.
- Tippe auf einen der zehn Case-Chips oben.
- Lies das konvertierte Ergebnis. Kurze Ergebnisse rendern groß; lange oder mehrzeilige Ergebnisse erscheinen in der Box.
- Kopiere das Ergebnis oder den Teilen-Link, um das Tool mit deiner Schreibweise und deinem Text wieder zu öffnen.
Beispiele
Eingabe hello world in jeder Schreibweise, die das Tool anbietet:
| Case | Ergebnis |
|---|---|
| camelCase | helloWorld |
| PascalCase | HelloWorld |
| snake_case | hello_world |
| kebab-case | hello-world |
| CONSTANT_CASE | HELLO_WORLD |
| slug | hello-world |
| Title Case | Hello World |
| Sentence case | Hello world |
| UPPER | HELLO WORLD |
| lower | hello world |
Slug und kebab-case erzeugen hier denselben String. Der Unterschied ist die Absicht: ein Slug ist ein URL-Segment, kebab-case ist eine Bezeichner-Konvention.
Wie Text-Cases funktionieren
Jede Konvention ist eine Regel zum Verbinden von Wörtern plus eine zum Kapitalisieren:
| Konvention | Verbindung | Kapitalisierung | Wo sie lebt |
|---|---|---|---|
| camelCase | keine | erstes Wort klein, Rest groß | JavaScript- und TypeScript-Variablen, Funktionen |
| PascalCase | keine | jedes Wort groß | Klassen, React-Komponenten, TypeScript-Typen |
| snake_case | Unterstrich | alles klein | Python-Bezeichner, SQL-Spalten- und Tabellennamen |
| kebab-case | Bindestrich | alles klein | CSS-Klassen, eigene HTML-Attribute, Paketnamen |
| CONSTANT_CASE | Unterstrich | alles groß | Umgebungsvariablen, Enum-Werte, Config-Keys |
| slug | Bindestrich | alles klein | URL-Pfadsegmente - das, was Slugify erzeugt |
Die anderen vier (Title, Sentence, UPPER, lower) formatieren Fließtext statt Bezeichner: Überschriften, erste Zeilen, Anschreien, Normalisieren.
Wie das Tool die Wörter findet. Es teilt die Eingabe an Leerzeichen, Unterstrichen, Bindestrichen und Punkten, und es bricht camelCase an Übergängen von Klein- zu Großbuchstaben (helloWorld wird zu hello + World). Symbole fallen weg, sodass hello, world! und Hello World beide zum selben helloWorld konvertieren. Füge irgendeine gemischte Eingabe ein, und die zehn Ausgaben kommen aus derselben Wortliste - nur die Verbindungs- und Kapitalisierungsregeln unterscheiden sich.
Warum Teams eine Schreibweise pro Oberfläche festlegen. Eine Codebasis, die in drei Schichten user-id, userId und user_id schreibt, macht jede Grenze zum Übersetzungsbug. Die Tabelle oben ist die De-facto-Karte: lege eine Schreibweise pro Oberfläche einmal fest, und die Konvertierung wird mechanisch.
Gut zu wissen
- Worttrennung ist verlustbehaftet. Interpunktion fällt weg, wird nicht bewahrt:
hello, world!ergibthelloWorld, ohne Komma. - Zahlen zählen als Buchstaben.
version 2konvertiert wie jedes Wort zuversion2/VERSION_2. - Privat: die ganze Konvertierung läuft lokal in deinem Browser. Nichts wird irgendwohin gesendet.
- Verwandte Tools: Slugify, Word Counter.