Embellecedor de código
Embellece código en 14 lenguajes —JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, XML, YAML, GraphQL, Markdown, SQL, PHP y Python— en tu navegador.
Se ejecuta completamente en tu navegador. Tus datos nunca se suben.
Herramientas Relacionadas
Ver Todas¿Qué es Embellecedor de código?
El Embellecedor de código formatea código fuente en muchos lenguajes desde una sola página. Elige el lenguaje y la sangría y obtén código con formato coherente generado por formateadores consolidados (Prettier, Ruff, sql-formatter, xml-formatter).
Cómo usar Embellecedor de código
- Elige el Lenguaje.
- Elige la Sangría.
- Pega tu código y haz clic en Formatear (la mayoría de los lenguajes también se actualizan mientras escribes).
- Copia o descarga el resultado.
Ejemplo
const a={b:1,c:[1,2]} const a = { b: 1, c: [1, 2] }; Lenguaje: JavaScript, 2 espacios.
Cuándo usar Embellecedor de código
Úsalo para formatear rápidamente código en un lenguaje para el que no tienes herramientas instaladas o para formatear fragmentos de documentación. En proyectos, configura el mismo formateador en tu editor o en el CI para que la salida sea siempre coherente. Formatear nunca corrige errores de lógica.
Cómo funciona Embellecedor de código
El lenguaje seleccionado determina el motor: Prettier 3 para JavaScript (parser Babel), TypeScript, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown y PHP (@prettier/plugin-php); un impresor JSON estricto para JSON; xml-formatter para XML; sql-formatter (SQL estándar, palabras clave en mayúsculas) para SQL; y Ruff compilado a WebAssembly para Python. Los motores solo se descargan la primera vez que se usan. Los errores de sintaxis se reportan con línea y columna cuando el motor los proporciona.
Casos de Uso Comunes
- Formatear un fragmento de TypeScript sin instalar Prettier
- Limpiar código copiado de un chat o de un PDF
- Formatear tablas y listas de Markdown
- Cambiar la sangría del código entre 2 y 4 espacios
Nota de Seguridad
Todo se ejecuta localmente en tu navegador; el código que pegas no se sube a ningún servidor.
Preguntas Frecuentes
¿Qué estilo usa el formato de JavaScript?
Los valores predeterminados de Prettier: comillas dobles, punto y coma y líneas de 80 caracteres.
¿Por qué Python va lento la primera vez?
El motor WebAssembly de Ruff se descarga la primera vez que se usa.
¿Puedo elegir un dialecto SQL?
Usa la página del Formateador SQL para las opciones de dialecto y de mayúsculas en palabras clave.