Formateur MDX
Formatez des fichiers MDX avec prise en charge de Markdown et des composants JSX.
Collez du MDX et cliquez sur Formater
Noter Formateur MDX
Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.
Nettoyez votre code MDX
Vous travaillez avec des fichiers MDX qui mêlent Markdown et JSX ? Notre formateur indente correctement les composants JSX, conserve le frontmatter et nettoie les espaces irréguliers pour rendre vos fichiers de contenu lisibles et maintenables.
Pourquoi utiliser cet outil ?
Compatible JSX
Indente correctement les composants React/JSX imbriqués dans votre MDX.
Frontmatter préservé
Le frontmatter YAML est conservé exactement tel que vous l’avez écrit.
Nettoyage intelligent
Supprime les lignes vides en trop et normalise l’espacement.
Export facile
Téléchargez le MDX formaté ou copiez-le instantanément dans le presse-papiers.
Comment fonctionne Formateur MDX
Notre formateur MDX nettoie et standardise vos fichiers MDX en appliquant des règles de formatage cohérentes au contenu Markdown comme aux composants JSX intégrés. L'outil analyse votre MDX, normalise les espaces, corrige l'indentation des blocs JSX et garantit un espacement correct entre les sections de contenu.
Tout le formatage est géré côté client, dans votre navigateur, avec des analyseurs basés sur JavaScript. Votre contenu MDX, y compris le code de composants propriétaires ou la documentation en brouillon, ne quitte jamais votre appareil. Cette approche dans le navigateur offre un formatage instantané, sans aller-retour avec un serveur ni dépendance externe.
Le formateur gère les blocs de frontmatter, les composants JSX en ligne et en bloc, les blocs de code délimités, les instructions d'import et les éléments Markdown standard. Il conserve les props et les expressions de vos composants tout en appliquant une indentation lisible et des sauts de ligne cohérents, ce qui rend vos fichiers MDX plus propres pour les diffs du contrôle de version et la collaboration en équipe.
Comment utiliser Formateur MDX
Coller le MDX
Saisissez votre contenu MDX avec le frontmatter et les composants.
Configurer
Définissez la taille d'indentation et les préférences pour le frontmatter.
Formater
Cliquez sur Formater pour embellir votre code MDX.
Exemple d'utilisation
Formatage d'un composant JSX :
Questions fréquentes
Qu'est-ce que MDX ?
Le frontmatter est-il conservé ?
Comment les composants JSX sont-ils gérés ?
Outils associés
Formateur HTML
Ce formateur HTML gratuit vous permet d'embellir vos fichiers HTML. Collez le contenu de votre fichier HTML et l'outil le formate automatiquement.
Formateur Markdown
Formatez et nettoyez vos fichiers Markdown avec un espacement et une structure corrects.
Convertisseur Markdown en HTML
Convertissez la syntaxe Markdown en balisage HTML.
Formateur React
Formatez et embellissez instantanément du code React (JSX/TSX).
Formateur YAML
Formatez et embellissez vos fichiers YAML avec une indentation et une structure correctes.
Formateur WSDL
Formatez et embellissez vos fichiers WSDL (Web Services Description Language).
Commentaires
Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.
Formateur MDX est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.
