Aller au contenu
Français
Tous les outils

Catégories

Outils développeurEncodage & décodageJSON & donnéesHash & checksumOutils de texteDate & heureOutils réseauOutils de fichiersMarkdown & diagrammes

Convertisseur kebab-case

Transformez titres, noms de variables et expressions en identifiants séparés par des tirets pour classes CSS, URL, noms de fichiers et clés de configuration.

Traité localement dans votre navigateur

Options
0 caractères · 0 lignes
Le résultat apparaîtra ici.

Qu'est-ce que Convertisseur kebab-case ?

Le kebab case écrit les mots en minuscules reliés par des tirets : ma-classe-css. C’est le style habituel des classes CSS, des attributs HTML, des chemins d’URL, des noms de paquets npm, des noms de fichiers et des options de ligne de commande ; d’autres communautés parlent de dash-case ou de lisp-case. Le même principe existe en Train-Case (Ma-Classe-Css) et en COBOL-CASE (MA-CLASSE-CSS), utilisés pour les en-têtes HTTP et du code historique.

Le convertisseur repère les mots dans n’importe quelle entrée — phrase, nom camelCase ou PascalCase, snake_case, texte à points ou à barres —, coupe avant les majuscules et autour des nombres, puis les relie par des tirets. Le style slug d’URL agit volontairement autrement : il garde les mots camelCase ensemble, supprime apostrophes et symboles et translittère les accents latins, si bien que « Café Crème Brûlée ! » devient cafe-creme-brulee.

Comment ça marche ?

  1. Collez vos noms, titres ou expressions, un par ligne.
  2. Choisissez kebab-case, Train-Case, COBOL-CASE ou slug d’URL dans la liste Style.
  3. Cochez la suppression des accents pour une sortie ASCII, fixez une longueur maximale pour des noms courts et décidez de séparer ou non les nombres des lettres.
  4. Copiez le résultat ; chaque ligne est convertie indépendamment sauf si vous désactivez l’option par ligne.

Cas d'usage courants

  • Nommer des classes CSS, des blocs BEM ou des attributs HTML personnalisés à partir d’un jeton de design ou d’un libellé.
  • Construire des noms de fichiers, de dossiers ou de paquets npm cohérents à partir de titres d’articles.
  • Convertir des clés JSON camelCase ou des noms de style variable d’environnement en clés de configuration à tirets.
  • Produire des noms d’en-têtes HTTP en Train-Case comme Content-Type ou X-Request-Id.

Exemples

Essayez cette saisie dans l'outil ci-dessus :

Entrée
userFirstName
HTTPResponseCode
My Blog Post: Café & Crème Brûlée!
get_user_by_id
version2Beta
Sortie
user-first-name
http-response-code
my-blog-post-café-crème-brûlée
get-user-by-id
version-2-beta

Confidentialité

Convertisseur kebab-case s'exécute entièrement dans votre navigateur. Le texte ou les fichiers que vous fournissez sont traités sur votre appareil et ne sont ni envoyés, ni journalisés, ni stockés sur nos serveurs.

Limites

Le kebab-case supprime tout ce qui n’est ni lettre ni chiffre, y compris les soulignés et la ponctuation. Les lettres non latines comme l’arabe ou le cyrillique sont conservées mais pas translittérées en ASCII.

Questions fréquentes

Quelle différence entre kebab-case et snake_case ?

Les deux sont des listes de mots en minuscules ; le kebab-case les relie par des tirets (mon-nom) et le snake_case par des soulignés (mon_nom). Le tiret est valide en CSS et dans les URL, mais pas dans la plupart des noms de variables.

En quoi le slug d’URL diffère-t-il du kebab-case ?

Le slug traite le texte comme un titre : les mots camelCase ne sont pas coupés, apostrophes et symboles disparaissent et les accents latins sont toujours retirés. Le kebab-case coupe d’abord les frontières camelCase et de sigles.

Que sont le Train-Case et le COBOL-CASE ?

Le Train-Case met une majuscule à chaque mot (Accept-Language) et le COBOL-CASE écrit toutes les lettres en capitales (ACCEPT-LANGUAGE). Tous deux gardent les tirets du kebab-case.

Outils associés

Plus d'outils dans Outils de texte →