CodePress
Embellece y compacta HTML, CSS y JavaScript con reglas configurables.
Código de entrada
Resultado
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.