Formateador de SQL, CSS y HTML Online
Pega SQL, CSS o HTML desordenado o minificado y obtiene salida correctamente sangrada y legible. Las palabras clave SQL se ponen en mayusculas y las clausulas se dividen en líneas separadas. Las propiedades CSS se sangran dentro de los bloques de reglas y hay líneas en blanco entre selectores. Las etiquetas HTML se anidan con sangria correcta, preservando elementos inline y bloques de contenido sin formato. Usa la barra de pestanas para cambiar entre los tres idiomas y minifica cuando necesites salida compacta para producción.
Como Usarlo
- Selecciona la pestaña de idioma (SQL, CSS o HTML)
- Pega tu código en el editor de entrada a la izquierda
- Haz clic en Formatear para embellecer o Minificar para comprimir
- Ajusta la sangria desde el menu desplegable (2 espacios, 4 espacios o tab)
- Copia el resultado con un clic o acceso directo de teclado
Formateo SQL
El formateador SQL tokeniza tu consulta y la reestructura para legibilidad. Las clausulas principales (SELECT, FROM, WHERE, JOIN, GROUP BY, ORDER BY) comienzan en nuevas líneas al nivel de sangria base. Las subclausulas como AND, OR y ON se sangran un nivel. Las subconsultas entre paréntesis reciben su propio bloque de sangria.
Las clausulas de varias palabras como INNER JOIN, ORDER BY e INSERT INTO se reconocen como una sola unidad. Todas las palabras clave SQL se ponen en mayusculas mientras que los identificadores, literales de cadena y valores se dejan como están. El minificador elimina espacios y comentarios mientras preserva los espacios necesarios entre tokens.
Formateo CSS
El formateador CSS analiza tu hoja de estilo en tokens (selectores, propiedades, valores, reglas arroba) y la reconstruye con sangria consistente. Cada propiedad recibe su propia línea dentro de un bloque de reglas. Las reglas arroba anidadas como @media y @keyframes se sangran correctamente en cada nivel de anidamiento. Se insertan líneas en blanco entre reglas de nivel superior para separación visual.
La minificación elimina todos los comentarios, condensa los espacios en blanco, elimina punto y coma finales, acorta colores hexadecimales cuando es posible y elimina ceros iniciales en valores decimales. Los selectores y nombres de propiedades no se modifican.
Formateo HTML
El formateador HTML maneja documentos completos y fragmentos. Analiza la estructura del árbol DOM y aplica sangria según el anidamiento. Los elementos bloque siempre comienzan en una nueva línea. Los elementos inline se mantienen en línea con el texto circundante. Los elementos void nunca reciben contenido o etiquetas de cierre.
La minificación elimina espacios en blanco entre etiquetas, comentarios HTML y espacios innecesarios dentro de las etiquetas. El texto dentro de etiquetas de contenido (como
,