Generador de slug

Escribe un título a la izquierda y la versión apta para URL aparece a la derecha. Las letras acentuadas pierden la tilde, la puntuación y los emoji desaparecen, los espacios se vuelven guiones y el resultado se recorta a la longitud que elijas. El contador debajo de los paneles indica cuántos caracteres tiene el slug.

¿Se sube mi contenido a algún sitio?

No. Toda la conversión ocurre en tu navegador con operaciones normales de texto. Nada de lo que escribes sale de la página, así que un titular sin publicar o el nombre interno de un proyecto están tan protegidos aquí como en tu propio editor.

¿Cómo se tratan las letras acentuadas?

El modo por defecto lo reduce todo a ASCII. Usa String.prototype.normalize con la forma NFKD, que separa una letra como é en una e simple más un acento suelto, y luego borra los acentos. Así Canción queda en cancion y Ñoño en nono.

Algunas letras no se descomponen de esa manera, porque no son una letra base con un signo encima. La ß alemana es la que suele pillar a la gente: NFKD no la toca, y sin un tratamiento especial desaparecería del slug. Esta herramienta la cambia por ss antes que nada, junto con æ a ae, œ a oe, ø a o, đ y ð a d, ł a l y þ a th. Straße sale como strasse.

Hay una decisión que conviene explicar: ö pasa a o, no a oe. En alemán se preferiría oe, pero esa misma letra es una vocal propia en sueco y finés, donde oe sería incorrecto. Como la herramienta no puede saber el idioma de tu texto, se queda con la opción neutra.

Si prefieres conservar las letras originales, cambia la opción de caracteres al modo Unicode. Entonces sobreviven los acentos y también los alfabetos no latinos, así que 東京の天気 sigue siendo 東京の天気 en vez de convertirse en una cadena vacía. Los navegadores y buscadores actuales manejan esas URL, aunque quedan feas al copiarlas en forma codificada con porcentajes.

¿Qué hacen las demás opciones?

El separador puede ser un guion o un guion bajo. Puedes desactivar el paso a minúsculas si quieres mantener las mayúsculas. “Unir separadores repetidos” aplasta las series de separadores en uno solo, de modo que hola --- mundo da hola-mundo y no hola---mundo. “Quitar separadores de los extremos” elimina los separadores del principio y del final, que es lo que limpia el resto que deja un signo de interrogación al cerrar.

La longitud máxima es un deslizador, y 0 significa sin límite. El recorte cae en un separador, así que ninguna palabra se parte por la mitad. Si una sola palabra supera el límite y no hay ningún separador donde cortar, sí se corta, porque la alternativa sería un slug vacío.

¿Cuándo se usa esto?

Al fijar la URL de un artículo, un ancla de documentación, un nombre de archivo, una clase CSS, una clave de base de datos o el nombre de una rama. Cualquier sitio donde un título pensado para personas tiene que convertirse en algo seguro dentro de una ruta.