Formateurs de code
Les Formateurs de code d'ArrayKit regroupent les tâches quotidiennes qui gardent le code et la configuration propres, au même endroit et dans votre navigateur. Embellissez ou minifiez CSS, SCSS et LESS, JavaScript, TypeScript et JSX, HTML, XML, SQL sur six dialectes, GraphQL et Dockerfiles avec les Formateurs CSS, JS, HTML et SQL. Convertissez entre formats avec YAML vers JSON, le Formateur TOML, HTML vers Markdown et Glob vers Regex, et mettez au propre vos contrats d'API avec le Formateur OpenAPI / Swagger. Complétez l'ensemble avec le Testeur Regex, le Comparateur de texte, les Convertisseurs de couleurs et d'unités CSS, le Vérificateur de contraste, le Rendu de diagrammes Mermaid, l'Optimiseur SVG, l'Aperçu Markdown et les outils de requête, d'agrégation et de schéma MongoDB. Conçus pour les ingénieurs front-end, back-end et DevOps, tout est traité en local sur votre appareil et rien n'est envoyé.
- YAML ↔ JSON — Convertit du YAML en JSON et inversement.
- Aperçu Markdown — Rend le Markdown en HTML avec un aperçu en direct.
- Testeur de regex — Testez des expressions régulières en direct avec correspondances, groupes et indicateurs.
- Convertisseur de couleurs CSS — Convertit entre HEX, RGB et HSL avec un échantillon en direct.
- Comparer du texte — Compare deux textes ligne par ligne et affiche ajouts et suppressions.
- Convertisseur MDX — Rend le MDX en texte, convertit HTML → MDX et échappe le texte en MDX littéral.
- Formateur CSS / SCSS — Embellit ou minifie CSS/SCSS/LESS, trie les propriétés et supprime les doublons.
- Formateur JS / TS — Embellit ou minifie JavaScript, TypeScript et JSX/TSX avec les options de Prettier.
- Formateur HTML — Embellit ou minifie le HTML, met en forme le CSS/JS en ligne et prévisualise le résultat.
- Formateur XML — Embellit, minifie et valide le XML, et convertit XML ↔ JSON.
- Formateur SQL — Met en forme le SQL pour MySQL, PostgreSQL, SQL Server, SQLite, BigQuery et Oracle.
- Formateur GraphQL — Met en forme ou minifie les requêtes et schémas GraphQL, valide la syntaxe et extrait les opérations.
- Formateur de Dockerfile — Met en forme un Dockerfile et obtenez des suggestions de bonnes pratiques et de lint.
- Formateur de requêtes MongoDB — Met en forme les requêtes du shell MongoDB et les pipelines d’agrégation.
- Vérificateur de contraste — Vérifie le rapport de contraste WCAG et la conformité AA/AAA entre deux couleurs.
- Rendu de diagrammes Mermaid — Rend des diagrammes Mermaid (flux, séquence, gantt) en SVG dans votre navigateur.
- Optimiseur SVG — Minifie le SVG : supprime commentaires, métadonnées et résidus d’éditeur, et réduit les espaces.
- Embellisseur de requêtes MongoDB — Embellissez et indentez les requêtes MongoDB et les instructions find() dans votre navigateur.
- Embellisseur d’agrégations MongoDB — Embellissez et indentez les pipelines d’agrégation MongoDB dans votre navigateur.
- Explorateur MongoDB — Explorez un échantillon de document ou de collection MongoDB et déduisez le schéma et les types de ses champs.
- Formateur OpenAPI / Swagger — Formatez et validez des spécifications OpenAPI / Swagger (JSON ou YAML) et comptez les chemins et opérations.
- Convertisseur d’unités CSS — Convertissez px, rem, em, pt et % en direct selon une taille racine.
- Convertisseur glob vers regex — Convertissez un motif glob en regex JavaScript et testez-le.
- HTML vers Markdown — Convertissez du HTML en Markdown propre avec tableaux GFM.
- Formateur TOML — Formatez du TOML et convertissez-le vers et depuis JSON.
- Convertisseur logfmt vers JSON — Convertissez des logs logfmt key=value en JSON et inversement, avec valeurs entre guillemets et conversion de types.
- dotenv vers JSON — Convertit un fichier .env en objet JSON et le JSON de nouveau en .env.
- CSV vers table Markdown — Transforme du CSV ou du TSV en une table Markdown façon GitHub.
- INI vers JSON — Convertit une config INI avec sections en JSON, et inversement.
- Générateur de tableau Markdown — Construisez un tableau Markdown dans une grille éditable ; exportez GFM, HTML, LaTeX et plus.
- Convertisseur de taille de données — Convertissez entre octets, bits et unités décimales et binaires (KB, MB, GB, KiB, MiB).
- Properties vers JSON — Convertissez .properties Java en JSON et inversement, dans le navigateur.
Foire aux questions
- Que puis-je faire avec les Formateurs de code d'ArrayKit ?
- Vous pouvez embellir ou minifier du code (CSS, SCSS, LESS, JavaScript, TypeScript, JSX, HTML, XML, SQL, GraphQL et Dockerfiles), convertir entre formats comme YAML vers JSON, TOML vers JSON, HTML vers Markdown et glob vers regex, valider XML, OpenAPI et TOML, tester des expressions régulières, comparer du texte, vérifier le contraste des couleurs et rendre des diagrammes Mermaid — le tout dans une seule catégorie.
- Ces Formateurs de code sont-ils sûrs avec du code privé ?
- Oui. Chaque outil s'exécute dans votre navigateur, donc le code, les requêtes et la configuration que vous collez sont traités en local et ne quittent jamais votre appareil. Rien n'est envoyé à un serveur, ce qui les rend sûrs pour des fichiers source propriétaires ou sensibles.
- Quels langages et formats les Formateurs de code prennent-ils en charge ?
- La catégorie couvre CSS/SCSS/LESS, JavaScript, TypeScript et JSX, HTML, XML, SQL sur MySQL, PostgreSQL, SQL Server, SQLite, BigQuery et Oracle, GraphQL, Dockerfiles et MongoDB. Elle convertit aussi YAML, JSON, TOML, HTML, Markdown et les spécifications OpenAPI/Swagger, et optimise le SVG.
- Puis-je à la fois embellir et minifier mon code ici ?
- Oui. Les Formateurs CSS, JS, HTML, XML et GraphQL prennent tous en charge l'embellissement pour la lisibilité et la minification pour la production, et plusieurs outils ajoutent des extras comme trier les propriétés, supprimer les doublons ou valider la syntaxe.
- Les Formateurs de code font-ils plus que formater du code ?
- Oui. En plus du formatage, ils convertissent des données entre formats (YAML/JSON, TOML/JSON, HTML/Markdown, glob/regex, unités et couleurs CSS), testent des expressions régulières, comparent deux textes, vérifient le contraste WCAG des couleurs, rendent des diagrammes Mermaid et inspectent des documents MongoDB.
- Dois-je installer quelque chose pour utiliser les Formateurs de code ?
- Aucune installation n'est requise. Les outils s'exécutent dans votre navigateur dès le chargement de la page et tout le traitement se déroule en local sur votre appareil, donc vous pouvez formater, convertir et valider tout de suite.