Cómo formatear y limpiar texto y código
Embellece y minifica JSON, JavaScript, HTML, CSS y SQL con un clic — por completo en el navegador, con valores por defecto sensatos que coinciden con lo que espera tu linter.
Más utilidades que combinan bien con esta guía:
Por qué importa
Un ingeniero backend pega un payload JSON de 4 KB de un ticket de cliente. Es una sola línea interminable. No distingues si el problema es un campo faltante o un enum mal nombrado. Treinta segundos en el formateador y la estructura es obvia: un typo en currrency (tres r) es el bug. Así es el día a día del formateado — convertir blobs ilegibles en algo que un humano puede razonar.
El formateado también sirve como ancla de estilo: cuando todos en el equipo usan los mismos valores por defecto del embellecedor, las revisiones de código dejan de ahogarse en ruido de espacios y se centran en la lógica.
Tres escenarios reales
Pega una respuesta JSON en una línea, embellece con sangría de 2 espacios y detecta de inmediato el campo mal formado.
Diagnóstico en segundos
Coloca un bloque HTML/CSS editado a mano, pulsa Minify y entrega un artefacto más compacto.
Bundle más pequeño
Pega una cadena SELECT plana con joins, formatea con el perfil SQL y las claves unidas, filtros y agregaciones se leen de un vistazo.
Análisis revisable
Guía paso a paso
El formateador está en /content-tools/text-formatter. Adivina el lenguaje desde la entrada pero puedes sobreescribirlo desde la barra.
Elige el perfil de lenguaje
JSON, JavaScript/TypeScript, HTML, CSS o SQL. El perfil correcto evita errores sutiles como que el formateador JSON intente equilibrar llaves en una función flecha JS.
Pega el fuente
El editor acepta entradas de tamaño arbitrario. Todo lo que pegues permanece en la sesión del navegador.
Embellece o minifica
Format sangra y envuelve líneas. Minify elimina espacios y comentarios. El resultado aparece en el panel derecho en tiempo real al cambiar ajustes.
Ajusta sangría, ancho de línea y comas finales
Usa 2 u 4 espacios, define ancho máximo de línea y activa comas finales para igualar la guía de estilo del equipo.
Copia o descarga
Usa el botón copiar para volver al IDE, o descarga el archivo directamente.
Input
{"orderId":"o-7711","items":[{"sku":"A1","qty":2},{"sku":"B2","qty":1}],"currrency":"USD"}Output
{
"orderId": "o-7711",
"items": [
{ "sku": "A1", "qty": 2 },
{ "sku": "B2", "qty": 1 }
],
"currrency": "USD"
}
Consejos útiles
- Formatea primero, diff después. Antes de comparar dos configs, pásalas ambas por el formateador para neutralizar diferencias de espacios y comillas. Ver Cómo comparar texto en línea.
- Usa Minify antes de pegar en un campo JSON de config que no permite saltos (webhooks de Slack, ciertas anotaciones k8s).
- Mantén tabs vs espacios coherentes — cambia el ajuste de sangría antes de formatear, o tu editor volverá a formatear al guardar y creará un diff ruidoso.
- Rarezas JSON5: configs escritas a mano a veces llevan comentarios. Elimínalos con el perfil JS primero, luego reformatea con JSON estricto.
Trampas comunes
Error frecuente
El formateador rechaza embellecer tu JSON
Una coma final, comillas simples o una clave sin comillas hace el JSON inválido. Corrige el error de sintaxis que muestra la barra (señala la línea) antes de reformatear.
Error frecuente
JS minificado rompe en tiempo de ejecución
El minificador colapsa líneas sensibles a ASI. Si minificas código moderno que usa encadenamiento opcional o await de nivel superior, asegúrate de que el runtime lo soporte. Si no, transpila primero con un bundler.
Error frecuente
El formateo SQL destruye alias
Algunos dialectos legacy usan comillas dobles para identificadores. Elige el dialecto correcto en el perfil SQL (PostgreSQL, MySQL, T-SQL) para preservar el entrecomillado de identificadores.
Cuándo no es la herramienta adecuada
- Auto-corrección de lint: usa ESLint, Stylelint o
dotnet formaten tu repo para reglas más allá del formateado puro. - Refactors (renombra, extrae función) — el motor de refactor del IDE es lo adecuado.
- Validación de esquema: este formateador solo comprueba validez estructural. Usa un validador JSON Schema para comprobaciones semánticas.
Preguntas frecuentes
¿Modifica cadenas entre comillas?
No. Los espacios dentro de cadenas entre comillas se conservan exactamente — solo se reescribe espacio estructural (sangría, saltos entre tokens).
¿Soporta YAML?
YAML directo está en la hoja de ruta; por ahora convierte YAML a JSON, formatea y convierte de vuelta.
¿Por qué faltan comentarios tras Minify?
Minify elimina comentarios por defecto para reducir tamaño. Activa Preserve comments en la barra si los necesitas en la salida.
Próximos pasos
- Compara la salida formateada contra una versión de referencia con el Comparador de texto.
- Escapa caracteres especiales restantes con la herramienta Escape de texto antes de incrustar el resultado en HTML o JSON.
- Convierte borradores Markdown a HTML con la herramienta Markdown a HTML.