Formateadores de código

Los Formateadores de código de ArrayKit reúnen las tareas cotidianas que mantienen el código y la configuración limpios, todo en un solo lugar y en tu navegador. Embellece o minifica CSS, SCSS y LESS, JavaScript, TypeScript y JSX, HTML, XML, SQL en seis dialectos, GraphQL y Dockerfiles con los Formateadores de CSS, JS, HTML y SQL. Convierte entre formatos con YAML a JSON, el Formateador de TOML, HTML a Markdown y Glob a Regex, y ordena contratos de API con el Formateador de OpenAPI / Swagger. Completa el conjunto con el Probador de Regex, Text Diff, los Convertidores de color y unidades CSS, el Comprobador de contraste, el Renderizador de diagramas Mermaid, el Optimizador de SVG, la Vista previa de Markdown y las herramientas de consulta, agregación y esquema de MongoDB. Pensados para ingenieros de frontend, backend y DevOps, todo se procesa de forma local en tu dispositivo y nada se sube.

• YAML ↔ JSON — Convierte YAML a JSON y de vuelta.
• Vista previa de Markdown — Renderiza Markdown a HTML con vista previa en vivo.
• Probador de regex — Prueba expresiones regulares en vivo con coincidencias, grupos y banderas.
• Conversor de colores CSS — Convierte entre HEX, RGB y HSL con una muestra en vivo.
• Comparar texto — Compara dos textos línea por línea y ve adiciones y eliminaciones.
• Conversor de MDX — Renderiza MDX como texto, convierte HTML → MDX y escapa texto a MDX literal.
• Formateador de CSS / SCSS — Embellece o minifica CSS/SCSS/LESS, ordena propiedades y quita duplicados.
• Formateador de JS / TS — Embellece o minifica JavaScript, TypeScript y JSX/TSX con opciones de Prettier.
• Formateador de HTML — Embellece o minifica HTML, formatea CSS/JS en línea y previsualiza el resultado.
• Formateador de XML — Embellece, minifica y valida XML, y convierte XML ↔ JSON.
• Formateador de SQL — Formatea SQL para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery y Oracle.
• Formateador de GraphQL — Formatea o minifica consultas y esquemas GraphQL, valida la sintaxis y extrae operaciones.
• Formateador de Dockerfile — Formatea un Dockerfile y obtén sugerencias de buenas prácticas y lint.
• Formateador de consultas MongoDB — Formatea consultas del shell de MongoDB y pipelines de agregación.
• Verificador de contraste — Comprueba la relación de contraste WCAG y si pasa AA/AAA entre dos colores.
• Renderizador de diagramas Mermaid — Renderiza diagramas Mermaid (flujo, secuencia, gantt) a SVG en tu navegador.
• Optimizador de SVG — Minifica SVG: elimina comentarios, metadatos y restos del editor, y colapsa espacios.
• Embellecedor de consultas MongoDB — Embellece e indenta consultas MongoDB y sentencias find() en tu navegador.
• Embellecedor de agregaciones MongoDB — Embellece e indenta pipelines de agregación de MongoDB en tu navegador.
• Explorador de MongoDB — Explora una muestra de documento o colección de MongoDB e infiere el esquema y los tipos de sus campos.
• Formateador de OpenAPI / Swagger — Formatea y valida especificaciones OpenAPI / Swagger (JSON o YAML) y cuenta rutas y operaciones.
• Conversor de Unidades CSS — Convierte px, rem, em, pt y % al instante con un tamaño base.
• Glob a Regex — Convierte un patrón glob en una regex de JavaScript y pruébala.
• HTML a Markdown — Convierte HTML en Markdown limpio con tablas GFM y enlaces.
• Formateador de TOML — Formatea TOML y conviértelo a y desde JSON al instante.
• logfmt a JSON — Convierte registros logfmt key=value a JSON y de vuelta, con coerción de tipos.
• dotenv a JSON — Convierte un archivo .env en un objeto JSON y de vuelta a .env.
• CSV a tabla Markdown — Convierte CSV o TSV en una tabla Markdown estilo GitHub.
• INI a JSON — Convierte configuración INI a JSON y JSON de vuelta a INI.
• Generador de Tablas Markdown — Crea tablas en una cuadrícula editable y exporta GFM, HTML, AsciiDoc o LaTeX.
• Conversor de Tamaño de Datos — Convierte entre bytes, KB, MB, GB y unidades binarias KiB, MiB, GiB.
• Properties a JSON — Convierte .properties de Java a JSON y viceversa, en tu navegador.

Preguntas frecuentes

¿Qué puedo hacer con los Formateadores de código de ArrayKit?

Puedes embellecer o minificar código (CSS, SCSS, LESS, JavaScript, TypeScript, JSX, HTML, XML, SQL, GraphQL y Dockerfiles), convertir entre formatos como YAML a JSON, TOML a JSON, HTML a Markdown y glob a regex, validar XML, OpenAPI y TOML, probar expresiones regulares, comparar texto, comprobar el contraste de color y renderizar diagramas Mermaid, todo en una sola categoría.

¿Son seguros estos Formateadores de código con código privado?

Sí. Cada herramienta se ejecuta por completo en tu navegador, así que el código, las consultas y la configuración que pegas se procesan de forma local y nunca salen de tu dispositivo. Nada se sube a un servidor, lo que los hace seguros para archivos fuente propietarios o sensibles.

¿Qué lenguajes y formatos admiten los Formateadores de código?

La categoría abarca CSS/SCSS/LESS, JavaScript, TypeScript y JSX, HTML, XML, SQL en MySQL, PostgreSQL, SQL Server, SQLite, BigQuery y Oracle, GraphQL, Dockerfiles y MongoDB. También convierte YAML, JSON, TOML, HTML, Markdown y especificaciones OpenAPI/Swagger, y optimiza SVG.

¿Puedo embellecer y minificar mi código aquí?

Sí. Los Formateadores de CSS, JS, HTML, XML y GraphQL admiten tanto embellecer para la legibilidad como minificar para producción, y varias herramientas añaden extras como ordenar propiedades, eliminar duplicados o validar la sintaxis.

¿Los Formateadores de código hacen algo más que formatear?

Sí. Junto al formateo convierten datos entre formatos (YAML/JSON, TOML/JSON, HTML/Markdown, glob/regex, unidades y colores CSS), prueban expresiones regulares, comparan dos textos, comprueban el contraste de color WCAG, renderizan diagramas Mermaid e inspeccionan documentos de MongoDB.

¿Necesito instalar algo para usar los Formateadores de código?

No se requiere ninguna instalación. Las herramientas se ejecutan en tu navegador en cuanto carga la página y todo el procesamiento ocurre de forma local en tu dispositivo, así que puedes formatear, convertir y validar de inmediato.