Convertisseur kebab-case
Hello World Example devient hello-world-example, et getUserId devient get-user-id. Espaces, tirets bas et signes de ponctuation se réduisent à un seul tiret, si bien qu'aucun tiret double n'apparaît. Gratuit dans votre navigateur.
- Gratuit
- Fonctionne dans votre navigateur
- Sans inscription
- Vos données restent sur votre appareil
Lancer gratuitement
Exemple résolu
- Texte
- Hello World Example
- Résultat
- hello-world-example
- Entrée
- Hello World Example
- Format kebab
- hello-world-example
- Casse kebab
- hello-world-example
Les développeurs front-end, les mainteneurs de design system, les scripts de codegen et les tests unitaires ont besoin du même mappage d'un collage mixte vers un jeton kebab-case prévisible.
Ce que signifie kebab-case et comment les mots sont découpés
Le kebab-case est le style de nommage qui écrit les identifiants multi-mots en lettres minuscules avec un seul tiret entre chaque mot : hello-world, user-profile-settings, convert-to-kebab-case. C'est la forme conventionnelle pour les noms de classes CSS, de nombreux attributs HTML personnalisés, les noms de paquets de style npm et les segments de chemin d'URL lisibles lorsque vous préférez les tirets aux underscores. Ce convertisseur construit cette forme à partir de texte libre.
L'entrée restante est découpée en jetons : les suites d'espaces, d'underscores, de tirets et d'autres caractères non alphanumériques agissent comme séparateurs ; les frontières camelCase et PascalCase insèrent une coupure supplémentaire pour que getUserId devienne get, user et id plutôt qu'un jeton opaque. Chaque jeton est mis en minuscules et les segments vides sont écartés, puis les jetons sont joints par un seul tiret afin que des séparateurs répétés ne produisent jamais de doubles tirets.
La ponctuation pure sans lettres ni chiffres échoue aussi à la validation, car il ne resterait rien à joindre.
Conseils pratiques, limites et quand utiliser cet outil
Utilisez cette capacité lorsque l'intention de recherche est convertir en kebab-case, faire du hyphen-case, ou transformer une phrase en mots minuscules joints par des tirets. Gardez à l'esprit les identifiants non ASCII intentionnels : seules les lettres et chiffres ASCII restent dans les jetons, donc les caractères hors de cet ensemble agissent comme séparateurs plutôt que d'être translittérés—si vous avez besoin d'une slugification Unicode complète avec suppression des diacritiques, préférez un outil dédié de slug d'URL.
Cette page n'est pas un convertisseur title-case qui capitalise les mots majeurs pour les titres, ni un formateur sentence-case, ni un service SEO de slug complet avec tables de translittération par locale. Préférez un outil title-case lorsque des humains liront la chaîne comme un titre ; préférez cette capacité lorsque des machines traiteront la chaîne comme un identifiant à tirets.
Cas d’usage
Noms de classes CSS et jetons de design
Transformez des libellés de composants ou de jetons en noms de classe kebab-case stables avant de générer des feuilles de style ou la doc du design system.
Identifiants de route et attributs data
Normalisez des titres de produit ou de page en casse mixte en segments de chemin à tirets et valeurs data-testid.
Questions fréquentes
Qu'est-ce que le kebab-case ?
Le kebab-case écrit les identifiants multi-mots en minuscules avec un seul tiret entre les mots, par exemple hello-world ou user-profile-settings.
Comment les mots sont-ils découpés ?
Les espaces, underscores, tirets et autres suites non alphanumériques séparent les mots. Les frontières camelCase et PascalCase insèrent aussi des coupures avant minuscules et jointure.
Que se passe-t-il en entrée vide ?
Une entrée sans lettres ni chiffres après découpage échoue aussi à la validation.
Est-ce la même chose qu'un générateur de slug d'URL ?
Voisin mais pas identique. Cet outil se concentre sur des jetons minuscules à tirets à partir d'une phrase. Les outils de slug dédiés peuvent aussi supprimer les diacritiques ou appliquer une translittération par locale.
Le convertisseur kebab-case est-il gratuit ?
L'outil navigateur est gratuit et s'exécute en local.
Outils associés
Pour les développeurs — accès API
Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.
Endpoint
Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.
Appeler depuis votre 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)Exemple de requête
{
"text": "Hello World Example"
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.kebab_case",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.
Tarifs
Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.
Limites
max_chars | 100000 |
Erreurs
| HTTP | Code | Signification |
|---|---|---|
401 | unauthorized | Clé API absente ou invalide : vérifiez l’en-tête Authorization. |
402 | insufficient_balance | Solde insuffisant : rechargez votre compte pour lancer cette tâche. |
404 | unknown_type | Type de tâche inconnu : vérifiez le champ type de votre requête. |
429 | rate_limited | Trop de requêtes : ralentissez la cadence, puis réessayez. |
Notes techniques
Un convertisseur kebab-case transforme une phrase en un identifiant en minuscules séparé par des tirets, le format attendu par les classes CSS, les attributs data HTML, les noms de paquets et de nombreux segments de chemin d'API. Saisissez toute chaîne non vide—titres, identifiants camelCase, champs snake_case ou libellés multi-mots—et l'outil renvoie un résultat kebab-case déterministe avec les mots en minuscules joints par des tirets simples. Une entrée vide ou uniquement composée d'espaces est rejetée avec une erreur claire invalid_input afin que les pipelines ne traitent jamais une chaîne blanche comme une conversion réussie. Le chemin est une logique de chaîne pure—sans réseau, sans graines aléatoires, sans dépendance à l'horloge—ainsi l'exécuteur gratuit du navigateur et l'API prépayée renvoient le même JSON à chaque appel.
Ce que signifie kebab-case et comment les mots sont découpés
Les espaces en tête et en queue sont d'abord trimés ; s'il ne reste rien, l'appel échoue avec invalid_input au lieu de renvoyer une chaîne de succès vide.
Comment appeler l'API et ce que contient la réponse
Préférez envoyer la phrase brute plutôt que de pré-hiféner à la main lorsque vous voulez l'ensemble de règles fixe ; le convertisseur fusionne séparateurs et styles de casse mixtes en une forme normalisée. Envoyez un corps JSON avec un champ chaîne obligatoire text (alias input, value, string, s et phrase). La valeur doit être une chaîne non vide après trim des espaces et ne doit pas dépasser cent mille caractères afin qu'une seule requête ne sature pas la mémoire du Worker ou du navigateur avec d'énormes collages. En cas de succès la réponse renvoie input comme la chaîne originale envoyée, text comme la chaîne de travail trimée, result comme la sortie kebab-case, kebab et kebab_case comme la même chaîne sous des noms alternatifs pour les clients qui préfèrent ces clés, word_count comme le nombre de jetons après découpage et filtrage, et message comme un court résumé indiquant combien de mots ont été convertis. Une validation échouée—text manquant, valeur non chaîne, charge trop grande, contenu vide après trim, ou entrée sans caractères alphanumériques—renvoie invalid_input et n'est jamais facturée. Le tarif est un forfait de $0.002 par requête réussie avec unité item et prix unitaire marginal nul.
Conseils pratiques, limites et quand utiliser cet outil
Collez un nom de composant, un titre ou un champ snake_case hérité, convertissez une fois et placez le résultat dans une classe de module CSS, un attribut data-testid ou un segment de route. Les contrôles aller-retour pour les tests sont simples : envoyez Hello World Example et attendez hello-world-example avec word_count trois ; envoyez getUserId et attendez get-user-id ; envoyez délibérément une chaîne vide ou des espaces pour confirmer invalid_input et le message demandant une chaîne non vide. Les tâches échouées qui renvoient invalid_input ne consomment pas le solde prépayé, ce qui maintient bon marché la validation de formulaires et les tests négatifs CI. En enseignant les conventions de nommage, comparez la même phrase en camelCase, snake_case et kebab-case pour que les étudiants voient pourquoi les écosystèmes front-end et CSS standardisent les tirets plutôt que les majuscules ou les underscores.
Cas d'intégration
Tests unitaires de formateurs de chaînes
Générez des fixtures kebab-case de référence et affirmez que l'entrée vide lève invalid_input en CI.