DeveloTools

CodePress

Embellece y compacta HTML, CSS y JavaScript con reglas configurables.

100% client-side

Código de entrada

0 caracteres

Resultado


        
—

      

    


    

      
¿Qué es CodePress?

      
CodePress ordena código HTML, CSS y JavaScript en dos direcciones opuestas: "Embellecer" toma código desordenado o comprimido y lo reindenta con espaciado y saltos de línea consistentes para que se pueda leer, mientras que "Compactar" elimina espacios, comentarios y saltos de línea para que el archivo pese lo menos posible en producción. Sirve para cuando el código que te dan (o el que escribiste apurado) no tiene el formato que necesitás.


      
Cómo usar CodePress

      
    
        
  1. Pegá tu código en el panel Código de entrada (o hacé clic en Ejemplo), y elegí su lenguaje — HTML, CSS o JavaScript.
    2. 
        
  2. Elegí Embellecer o Compactar, y un ancho de indentación si estás embelleciendo.
    3. 
        
  3. Mirá el código formateado en el panel Resultado.
    4. 
        
  4. Hacé clic en Copiar o Descargar para guardarlo.
    5. 
      


      
Cómo funciona CodePress

      
CodePress tokeniza el código respetando strings, comentarios y (en JS) template literals y regex, y luego aplica reglas de indentación basadas en la profundidad de llaves/paréntesis para "Embellecer", o quita espacios, comentarios y saltos innecesarios para "Compactar":

      
/* Antes */
.card{color:red;padding:8px}

/* Después de Embellecer */
.card {
  color: red;
  padding: 8px;
}

      
El modo compacto de JavaScript es deliberadamente conservador (no fusiona líneas) para evitar bugs de ASI; HTML y CSS sí se compactan de forma agresiva. Todo corre en tu navegador — no hay librerías externas ni llamadas a un servidor.


      
Preguntas frecuentes

      

        ¿Usa un parser completo de cada lenguaje?
        
No. Usa un tokenizador y reglas de indentación por profundidad de llaves/paréntesis, similar a la mayoría de los formateadores online livianos — no un compilador completo. Para código con sintaxis muy inusual puede necesitar ajustes manuales.

      

      

        ¿El modo compacto de JavaScript es tan agresivo como un minificador de producción?
        
No a propósito: solo quita comentarios, líneas en blanco e indentación, pero conserva los saltos de línea originales entre sentencias para evitar bugs por inserción automática de punto y coma (ASI) que un minificador agresivo sin parser completo podría introducir.

      

      

        ¿El compactado de HTML y CSS es igual de conservador?
        
No, ahí sí se minifica de forma más agresiva (colapsando espacios y quitando comentarios) porque HTML y CSS no tienen el problema de ASI de JavaScript — es seguro compactarlos por completo.

      

      

        ¿Es seguro pegar código propietario aquí?
        
Sí. Todo el procesamiento ocurre en tu navegador; ningún código se envía a un servidor.

      

    


    

      
Herramientas relacionadas