Kebab-case-Konverter
Aus Hello World Example wird hello-world-example, aus getUserId wird get-user-id. Leerzeichen, Unterstriche und Satzzeichen werden zu einem einzigen Bindestrich, doppelte Striche entstehen also nie. Kostenlos in Ihrem Browser.
- Kostenlos
- Läuft in Ihrem Browser
- Ohne Anmeldung
- Ihre Daten bleiben auf Ihrem Gerät
Im Browser ausführen – kostenlos
Rechenbeispiel
- Text
- Hello World Example
- Ergebnis
- hello-world-example
- Eingabe
- Hello World Example
- Kebab-Format
- hello-world-example
- Kebab-Schreibweise
- hello-world-example
Frontend-Entwickler, Design-System-Betreuer, Codegen-Skripte und Unit-Tests brauchen dieselbe Abbildung von gemischtem Einfügen auf ein vorhersehbares Kebab-case-Token.
Was Kebab-case bedeutet und wie Wörter getrennt werden
Kebab-case ist der Namensstil, der mehrwortige Bezeichner in ausschließlich Kleinbuchstaben mit einem einzelnen Bindestrich zwischen jedem Wort schreibt: hello-world, user-profile-settings, convert-to-kebab-case. Es ist die übliche Form für CSS-Klassennamen, viele HTML-Custom-Attribute, npm-artige Paketnamen und lesbare URL-Pfadsegmente, wenn Bindestriche statt Unterstrichen gewünscht sind. Dieser Konverter baut diese Form aus freiem Text.
Die verbleibende Eingabe wird in Tokens zerlegt: Folgen von Leerzeichen, Unterstrichen, Bindestrichen und anderen nicht alphanumerischen Zeichen wirken als Trennzeichen; camelCase- und PascalCase-Grenzen fügen einen zusätzlichen Bruch ein, sodass getUserId zu get, user und id wird statt zu einem undurchsichtigen Token. Jedes Token wird kleingeschrieben und leere Segmente verworfen, dann werden die Tokens mit einem einzelnen Bindestrich verbunden, sodass wiederholte Trennzeichen nie Doppelbindestriche erzeugen. Reine Zeichensetzung ohne Buchstaben oder Ziffern scheitert ebenfalls an der Validierung, weil nichts zum Verbinden übrig bliebe.
Praktische Tipps, Grenzen und wann Sie dieses Werkzeug nutzen
Nutzen Sie diese Fähigkeit, wenn die Suchabsicht convert to kebab-case, hyphen-case erzeugen oder eine Phrase in kleingeschriebene, bindestrichverbundene Wörter umwandeln ist. Behalten Sie absichtliche Nicht-ASCII-Bezeichner im Blick: nur ASCII-Buchstaben und -Ziffern bleiben in Tokens, Zeichen außerhalb dieses Satzes wirken als Trennzeichen statt transliteriert zu werden—wenn Sie vollständige Unicode-Slugifizierung mit Diakritik-Entfernung brauchen, bevorzugen Sie ein dediziertes URL-Slug-Werkzeug. Diese Landing ist kein Title-Case-Konverter, der Hauptwörter für Überschriften großschreibt, kein Sentence-Case-Formatierer und kein vollständiger SEO-Slug-Dienst mit locale-spezifischen Transliterationstabellen.
Bevorzugen Sie ein Title-Case-Werkzeug, wenn Menschen die Zeichenkette als Überschrift lesen; bevorzugen Sie diese Fähigkeit, wenn Maschinen die Zeichenkette als bindestrichierten Bezeichner behandeln.
Anwendungsfälle
CSS-Klassen und Design-Token-Namen
Wandeln Sie Komponenten- oder Token-Labels in stabile Kebab-case-Klassennamen um, bevor Stylesheets oder Design-System-Docs erzeugt werden.
Routen- und data-Attribut-Bezeichner
Normalisieren Sie gemischt geschriebene Produkt- oder Seitentitel zu bindestrichierten Pfadsegmenten und data-testid-Werten.
Häufige Fragen
Was ist Kebab-case?
Kebab-case schreibt mehrwortige Bezeichner in Kleinbuchstaben mit einem einzelnen Bindestrich zwischen Wörtern, zum Beispiel hello-world oder user-profile-settings.
Wie werden Wörter getrennt?
Leerzeichen, Unterstriche, Bindestriche und andere nicht alphanumerische Folgen trennen Wörter. camelCase- und PascalCase-Grenzen fügen vor Kleinbuchstaben und Verbindung ebenfalls Brüche ein.
Was passiert bei leerer Eingabe?
Eingabe ohne Buchstaben oder Ziffern nach dem Split scheitert ebenfalls an der Validierung.
Ist das dasselbe wie ein URL-Slug-Generator?
Verwandt, aber nicht identisch. Dieses Werkzeug konzentriert sich auf kleingeschriebene bindestrichierte Tokens aus einer Phrase. Dedizierte Slug-Werkzeuge können auch Diakritika entfernen oder locale-Transliteration anwenden.
Was passiert mit Umlauten und Akzenten?
Sie bleiben nicht erhalten. In den Wörtern bleiben nur Buchstaben von a bis z und Ziffern, alle anderen Zeichen wirken als Trenner und werden nicht umschrieben. Für Adressen mit umgewandelten Umlauten nehmen Sie besser ein eigenes Slug-Werkzeug.
Verwandte Tools
Für Entwickler — API-Zugang
Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.
Endpunkt
Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.
Aufruf aus Ihrem Stack
curl -X POST https://api.kit.forhosting.com/str/kebab-case \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"text":"Hello World Example"}'const res = await fetch("https://api.kit.forhosting.com/str/kebab-case", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"text": "Hello World Example"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/str/kebab-case",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"text": "Hello World Example"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/kebab-case", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"text":"Hello World Example"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"text":"Hello World Example"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/kebab-case", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"text": "Hello World Example"
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.kebab_case",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.
Preis
Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.
Limits
max_chars | 100000 |
Fehler
| HTTP | Code | Bedeutung |
|---|---|---|
401 | unauthorized | Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer). |
402 | insufficient_balance | Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht. |
404 | unknown_type | Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog. |
429 | rate_limited | Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt. |
Technische Hinweise
Ein Kebab-case-Konverter wandelt eine einfache Phrase in einen kleingeschriebenen, bindestrichgetrennten Bezeichner um, den CSS-Klassen, HTML-data-Attribute, Paketnamen und viele API-Pfadsegmente erwarten. Geben Sie eine beliebige nicht leere Zeichenkette ein—Titel, camelCase-Bezeichner, snake_case-Felder oder mehrwortige Labels—und das Werkzeug liefert ein deterministisches Kebab-case-Ergebnis mit kleingeschriebenen Wörtern, die durch einzelne Bindestriche verbunden sind. Leere oder nur aus Leerzeichen bestehende Eingaben werden mit einem klaren invalid_input-Fehler abgelehnt, damit Pipelines eine leere Zeichenkette nie als erfolgreiche Umwandlung werten.
Was Kebab-case bedeutet und wie Wörter getrennt werden
Führende und nachfolgende Leerzeichen werden zuerst getrimmt; bleibt nichts übrig, schlägt der Aufruf mit invalid_input fehl statt eine leere Erfolgszeichenkette zurückzugeben.
Wie Sie die API aufrufen und was die Antwort enthält
Senden Sie lieber die Rohphrase statt manuell vorzu-binden, wenn Sie den festen Regelsatz wollen; der Konverter fasst gemischte Trennzeichen und Schreibweisen zu einer normalisierten Form zusammen. Senden Sie einen JSON-Body mit einem Pflicht-String-Feld text (Aliase input, value, string, s und phrase). Der Wert muss nach dem Trim der Leerzeichen eine nicht leere Zeichenkette sein und darf hunderttausend Zeichen nicht überschreiten, damit eine einzelne Anfrage den Speicher von Worker oder Browser bei riesigen Einfügungen nicht erschöpft. Bei Erfolg spiegelt die Antwort input als die original gesendete Zeichenkette, text als die getrimmte Arbeitszeichenkette, result als die Kebab-case-Ausgabe, kebab und kebab_case als dieselbe Zeichenkette unter alternativen Namen für Aufrufer, die diese Schlüssel bevorzugen, word_count als die Anzahl der Tokens nach Zerlegung und Filterung, und message als eine kurze Zusammenfassung, die meldet, wie viele Wörter umgewandelt wurden. Fehlgeschlagene Validierung—fehlendes text, kein String-Wert, zu großer Payload, leerer Inhalt nach Trim oder Eingabe ohne alphanumerische Zeichen—gibt invalid_input zurück und wird nie berechnet. Die Preisgestaltung ist pauschal $0.002 pro erfolgreicher Anfrage mit Einheit item und null marginalem Stückpreis.
Praktische Tipps, Grenzen und wann Sie dieses Werkzeug nutzen
Fügen Sie einen Komponentenname, eine Überschrift oder ein veraltetes snake_case-Feld ein, wandeln Sie einmal um und legen Sie das Ergebnis in eine CSS-Modulklasse, ein data-testid-Attribut oder ein Routensegment. Roundtrip-Prüfungen für Tests sind einfach: speisen Sie Hello World Example und erwarten Sie hello-world-example mit word_count drei; speisen Sie getUserId und erwarten Sie get-user-id; senden Sie absichtlich leere Zeichenkette oder Leerzeichen, um invalid_input und die Meldung zu bestätigen, die eine nicht leere Zeichenkette verlangt. Fehlgeschlagene Aufgaben, die invalid_input zurückgeben, verbrauchen kein Prepaid-Guthaben, was Formularvalidierung und CI-Negativtests günstig hält. Beim Vermitteln von Namenskonventionen vergleichen Sie dieselbe Phrase als camelCase, snake_case und kebab-case, damit Lernende sehen, warum Frontend- und CSS-Ökosysteme Bindestriche statt Großbuchstaben oder Unterstriche standardisieren.
Integrationsbeispiele
Unit-Tests für String-Formatierer
Erzeugen Sie bekannte Kebab-case-Fixtures und assertieren Sie, dass leere Eingabe in CI invalid_input auslöst.
Technische Fragen
Ist der Kebab-case-Konverter kostenlos?
Das Browser-Werkzeug ist kostenlos und läuft lokal. API-Aufrufe nutzen Prepaid-KIT-Guthaben zu $0.002 pro erfolgreicher Anfrage; fehlgeschlagene Aufgaben werden nie berechnet.