Selecciona el lenguaje y aplica el formato de Prettier. Compara o copia el resultado; el editor no ejecuta el código.
Se ejecuta localmente en tu navegadorEl editor avanzado se carga solo en esta página. Si no puede iniciarse, el mismo formateador local sigue disponible en el campo alternativo.
El formateo cambia los espacios y el diseño; conserva siempre una copia del proyecto antes de aplicar transformaciones amplias al código.
El espacio de trabajo formatea ocho lenguajes —JavaScript, TypeScript, JSON, CSS, HTML, Markdown, YAML y GraphQL— con Prettier 3.9.6 ejecutándose dentro de la página. Elige el lenguaje, pon el código en el panel izquierdo y pulsa Formatear código; el panel derecho muestra el resultado.
El editor avanzado es Monaco 0.56.0 y se carga desde este sitio después de la página: el panel de texto plano funciona de inmediato y sigue funcionando si el editor no arranca. Entre ambos, la página sirve desde voritools.com unos 1,8 MB de archivos de editor y formateador, y nada de lo que pegas sale de tu equipo.
JavaScript y TypeScript pasan por los analizadores Babel y TypeScript, así que el JSX y la sintaxis de tipos se conservan y los genéricos como <T,> siguen funcionando. JSON, CSS, HTML, Markdown, YAML y GraphQL tienen su propio analizador: las etiquetas HTML sin cerrar se cierran, por ejemplo, y una regla CSS minificada se imprime con una declaración por línea. Cada lenguaje tiene un ejemplo en Cargar ejemplo.
No hay panel de opciones, así que se usan los valores por defecto de Prettier: sangría de dos espacios, comillas dobles y punto y coma en JavaScript y TypeScript, comas finales en construcciones multilínea y un ancho de impresión de 80 columnas. La página solo cambia espacios y diseño; no ejecuta el código, no instala dependencias ni lee el .prettierrc del proyecto, así que el resultado puede diferir del que produce un script del proyecto con opciones propias.
La vista JSON es el analizador JSON de Prettier, no un validador estricto de la RFC 8259. Medido en esta página: un documento con cadenas entre comillas simples, claves sin comillas, una coma final, un comentario //, un número hexadecimal o Infinity se formatea sin error. Las comillas simples, las claves sin comillas y las comas finales se reescriben en la salida; los comentarios, 0x10 e Infinity se mantienen tal cual.
Por eso un documento puede formatearse aquí sin problemas y ser rechazado en otro sitio: {"a":1} // note y {"a":Infinity} vuelven con el comentario y con el valor Infinity intactos. Antes de llevar el resultado a una API, un archivo de configuración u otro lenguaje, compruébalo con la página Formateador JSON, que rechaza comentarios y comas finales.
Prettier y el editor se sirven desde este sitio, y el formato se aplica en el navegador: la página no envía a ningún lado ni el código ni el resultado, y sigue funcionando cuando se cae la red. Si el editor no puede arrancar, el mismo formateador sigue disponible en el panel de texto plano.
Como el trabajo ocurre en la pestaña, los archivos grandes están limitados por la memoria del dispositivo: un archivo JavaScript de 112 KB se formateó aquí en unos 0,2 segundos, mientras que uno de muchos megabytes puede congelar la pestaña. Mantén el archivo bajo control de versiones antes de sustituirlo por la salida: el formateador reescribe la sintaxis como la imprime Prettier, no como estaba escrita.