jsonecho

Μορφοποίηση MDX

Τυπώστε MDX, το μείγμα Markdown και JSX που χρησιμοποιούνται από πολλούς ιστότοπους τεκμηρίωσης.

Φόρτωση εργαλείου...

Πώς να χρησιμοποιήσετε το Μορφοποίηση MDX

  1. Επικολλήστε τον κώδικά σας. Την πρώτη φορά, η μηχανή μορφοποίησης χρειάζεται λίγο χρόνο για να φορτωθεί.
  2. Προσαρμόστε τις επιλογές αν χρειάζεται.
  3. Αντιγράψτε το μορφοποιημένο αποτέλεσμα.

Σχετικά με το Μορφοποίηση MDX

Το MDX σας επιτρέπει να γράψετε στοιχεία JSX μέσα στο Markdown, τα οποία χρησιμοποιούνται σε μεγάλο βαθμό σε πλαίσια τεκμηρίωσης όπως Docusaurus και Next.js. Ο μορφοποιητής χειρίζεται και τους δύο κόσμους: το Markdown είναι καθαρό και οι δηλώσεις JSX και εισαγωγής ή εξαγωγής μορφοποιούνται όπως το JavaScript.

Αν ένα συστατικό έχει ένα σφάλμα συνταξιοδότησης, παίρνετε τη γραμμή και τη στήλη.

Συχνές ερωτήσεις

Ποια έκδοση MDX υποστηρίζει;

Στοχεύει στην κοινή σύνταξη MDX με εισαγωγές, εξαγωγές και μπλοκ JSX. Τα χαρακτηριστικά που είναι ειδικά για τις πιο πρόσφατες εκδόσεις του MDX μπορούν να διαμορφωθούν με πιο συντηρητική μορφή.

Θα αγγίξει το μπροστινό θέμα μου;

Η πρώτη ύλη της YAML στην κορυφή του φακέλου διατηρείται.

Τυπώνει κώδικα;

Τα φραγμένα κώδικα παραμένουν ανέγγιχτα.

Γιατί η πρώτη εκτέλεση πήρε λίγο χρόνο;

Η μηχανή μορφοποίησης για αυτή τη γλώσσα λαμβάνεται την πρώτη φορά και αποθηκεύεται στην προσωρινή μνήμη του προγράμματος περιήγησης. Μετά η μορφοποίηση γίνεται αμέσως και κανένα δεδομένο δεν φεύγει από τη συσκευή σας.

Περισσότερα στην κατηγορία Μορφοποίηση κώδικα

Όλα τα εργαλεία →
Ευανάγνωστη μορφοποίηση JavaScriptΩραία εκτύπωση Javascript για να το διαβάσετε.ΜορφοποίησηΕυανάγνωστη μορφοποίηση CSSΩραία εκτύπωση CSS έτσι κάθε κανόνα και ιδιοκτησία είναι εύκολο να διαβάσει.ΜορφοποίησηΣύμπτυξη CSSΑφαιρέστε τα σχόλια και το λευκό χώρο για να έχετε το μικρότερο CSS.ΣυμπίεσηΜορφοποίηση C#Κώδικα C# και βάζουν σφραγίδες και δηλώσεις στις γραμμές τους.ΜορφοποίησηΜορφοποίηση JavaΒάλτε τον κώδικα Java πίσω σε μια αναγνωρίσιμη διάταξη: μία δήλωση ανά γραμμή, σφραγίδες.ΜορφοποίησηΜορφοποίηση GraphQLΤροποποιήστε ερωτήσεις και σχήματα GraphQL έτσι ώστε να είναι εύκολη η ανάγνωση των επιλογών.ΜορφοποίησηΜορφοποίηση AngularΔιαμορφώστε τα πρότυπα γωνικών συστατικών με τις δομικές τους οδηγίες και τις δεσμεύσεις τους.ΜορφοποίησηΜορφοποίηση VueΔιαμορφώστε ένα Vue ενιαίο στοιχείο αρχείου: πρότυπο, σενάριο και στυλ μαζί.Μορφοποίηση