Convertir mayúsculas y crear slug
Convierte texto a camelCase, snake_case, kebab-case, Title Case y más, o transforma un título en un slug de URL con manejo de acentos.
Ejemplos de código
Copia estos ejemplos en tu propio proyecto. Cada uno usa solo la biblioteca estándar del lenguaje, así que no hay nada que instalar.
const text = 'Héllo wereld, één voorbeeld!'
const slug = text
.normalize('NFD')
.replace(/\p{M}/gu, '')
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-+|-+$/g, '')
console.log(slug)Qué hace
Convierte texto entre estilos de escritura: camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, Title Case, formato de oración, minúsculas y MAYÚSCULAS. También puede convertir un título en un slug de URL, sin acentos y con letras como ß y ø en ASCII.
Cómo se usa
- Escribe o pega texto, un elemento por línea, o suelta un archivo de texto.
- Elige un estilo. Para un slug de URL eliges cómo se escriben las diéresis (Alemán escribe ä como ae, Nórdico escribe å como aa) y qué separador une las palabras.
- Copia o descarga el resultado. Desactiva Convertir cada línea por separado para tratar todo el texto como una pieza.
Ejemplos
Distintos estilos para las mismas palabras:
getUserById pasa a get_user_by_id en snake_case, GET_USER_BY_ID en CONSTANT_CASE y get-user-by-id en kebab-case. Crème brûlée & Straße pasa a ser el slug creme-brulee-strasse.
Conviene saber
- Las palabras se encuentran en espacios, signos de puntuación, guiones bajos, guiones y entre una minúscula y una mayúscula.
HTTPServerse divide enHTTPyServer. - Un slug solo conserva letras minúsculas y dígitos. Las letras fuera del alfabeto latino, como el japonés, se descartan.
- Minúsculas y MAYÚSCULAS cambian el texto tal como está, conservando espacios y puntuación.
- Las reglas de mayúsculas siguen el estándar Unicode y no son propias de un idioma; la i turca con y sin punto no se trata aparte.
¿Cómo se encuentran las palabras?
El texto se divide en palabras en espacios, signos de puntuación, guiones bajos y guiones, y donde una minúscula se encuentra con una mayúscula: userProfile pasa a ser user y Profile. Una serie de mayúsculas seguida de una palabra, como en HTTPServer, se divide en HTTP y Server, y los números cuentan como palabras propias.
Preguntas frecuentes
¿Qué aspecto tiene un slug de URL?
Un slug es la parte legible de una dirección web: letras minúsculas y dígitos unidos por guiones, como hola-mundo. Se quitan los acentos (é pasa a e) y letras como ß y ø reciben una forma ASCII, así que el resultado es seguro en cualquier URL.
¿Cómo se tratan las letras alemanas y nórdicas?
Por defecto se quita el acento, así que ü pasa a u. Elige Alemán para escribir ä, ö y ü como ae, oe y ue, o Nórdico para escribir å como aa y ø como oe, como las escriben esos idiomas sin la letra.
¿Esta herramienta envía mi texto a algún sitio?
No. Todo ocurre en tu navegador. Lo que escribes nunca se envía a nuestros servidores.