Convertisseur kebab-case
Convertissez camelCase, snake_case ou du texte en kebab-case (dash-case) pour classes CSS, URL et noms de fichiers. Gère acronymes et chiffres, ligne par ligne.
Exemple : userAccountId → user-account-id
Chaque ligne est convertie séparément. Les mots sont découpés aux espaces, à la ponctuation, à _ - . / et aux frontières camelCase ; les sigles comme XML restent groupés et les chiffres restent attachés au mot précédent.
Outils Connexes
Voir ToutQu'est-ce que kebab-case ?
Cet outil convertit des identifiants et phrases en kebab-case (aussi appelé dash-case) : mots en minuscules reliés par des traits d'union, utilisé pour les classes CSS, attributs HTML, options de ligne de commande et chemins d'URL.
Comment utiliser kebab-case
- Saisissez ou collez du texte dans la zone Entrée – un identifiant ou une phrase par ligne (ou cliquez sur Charger un exemple).
- Le texte converti apparaît instantanément dans la zone Sortie.
- Cliquez sur Copier pour copier le résultat.
Exemple
getHTTPResponseCode
get-http-response-code
Quand utiliser kebab-case
Utilisez-le pour des noms de classes CSS, des noms de fichiers de composants ou des options de ligne de commande. Pour des URL SEO issues de titres accentués, un générateur de slug qui supprime les diacritiques est un meilleur choix.
Comment fonctionne kebab-case
L'entrée est découpée en mots, chaque mot est mis en minuscules puis les mots sont assemblés avec -. Les mots sont séparés aux espaces, à la ponctuation et aux séparateurs _ - . /, ainsi qu'aux changements de casse à l'intérieur des identifiants : fooBar → foo + Bar, et une suite d'acronymes reste groupée (XMLHttpRequest → XML + Http + Request). Les chiffres restent collés au mot qui les précède (Request2Go → Request2 + Go), les apostrophes à l'intérieur des mots sont supprimées (don't → dont) et les lettres de tout alphabet (é, ñ, cyrillique, grec…) sont prises en charge. Chaque ligne est convertie séparément.
Cas d'utilisation courants
- Créer des noms de classes CSS à partir de noms de composants
- Convertir des noms de composants React en noms de fichiers
- Générer des noms d'options de ligne de commande
- Construire des segments de chemin d'URL à partir d'identifiants
Note de Sécurité
Tout s'exécute localement dans votre navigateur : le code que vous collez n'est pas envoyé.
Questions Fréquentes
kebab-case est-il identique à un slug ?
Proche, mais cet outil conserve les lettres accentuées ; les générateurs de slug les translittèrent généralement en ASCII.
Comment les acronymes sont-ils gérés ?
getHTTPResponseCode devient get-http-response-code.
Fonctionne-t-il avec plusieurs lignes ?
Oui, chaque ligne est convertie séparément.