Ομορφοποιήστε HTML, CSS και JavaScript — επαναεσοχή και προσθήκη αλλαγών γραμμής για να κάνετε ακατάστατο ή συμπιεσμένο κώδικα αναγνώσιμο.

Γραμμές
Μέγεθος
Ο μορφοποιημένος κώδικάς σας θα εμφανιστεί εδώ.

						

Σχετικά με το Μορφοποιητής Κώδικα

Ο Code Formatter ομορφαίνει HTML, CSS και JavaScript: επαναστοιχίζει εμφωλευμένες δομές, αποκαθιστά αλλαγές γραμμής και κενά με συνέπεια, μετατρέποντας minified ή ακατάστατο κώδικα σε κάτι που μπορείτε πραγματικά να διαβάσετε και να ελέγξετε.

Επικολλήστε κώδικα απευθείας ή ανεβάστε ένα αρχείο .html, .css ή .js, επιλέξτε τη γλώσσα και κάντε format με ένα κλικ. Ο πίνακας εξόδου αναφέρει τον αριθμό γραμμών και το μέγεθος του αποτελέσματος, και ο μορφοποιημένος κώδικας μπορεί να αντιγραφεί στο πρόχειρο ή να κατέβει ως αρχείο.

Είναι ο φυσικός σύντροφος του minifier — χρησιμοποιήστε τον για να ξεκάνετε το minify ενός production bundle που πρέπει να αποσφαλματώσετε, να τακτοποιήσετε δημιουργημένο markup ή να κανονικοποιήσετε τη στοίχιση πριν από μια αναθεώρηση κώδικα. Τα αρχεία που ανεβαίνουν επεξεργάζονται στον διακομιστή και διαγράφονται αυτόματα.

Πώς να χρησιμοποιήσετε το Μορφοποιητής Κώδικα

  1. Επιλέξτε τη γλώσσα: HTML, CSS ή JavaScript.
  2. Επικολλήστε τον ακατάστατο ή minified κώδικα, ή ανεβάστε το αρχείο αντ' αυτού.
  3. Κάντε κλικ στο Format.
  4. Αντιγράψτε το μορφοποιημένο αποτέλεσμα ή κατεβάστε το ως αρχείο.

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

Ναι — η μορφοποίηση HTML, CSS και JavaScript είναι δωρεάν και απεριόριστη, χωρίς εγγραφή.

Ναι. Ο formatter αποκαθιστά αλλαγές γραμμής και στοίχιση, μετατρέποντας μονογραμμικό minified CSS ή JavaScript σε σωστά εμφωλευμένο, αναθεωρήσιμο κώδικα. Σημειώστε ότι δεν μπορεί να αποκαταστήσει ονόματα μεταβλητών που έχουν αφαιρεθεί από έναν επιθετικό minifier.

Όχι. Προσαρμόζονται μόνο τα κενά, η στοίχιση και οι αλλαγές γραμμής — tokens, strings και λογική περνούν άθικτα, οπότε το μορφοποιημένο αρχείο συμπεριφέρεται πανομοιότυπα με το πρωτότυπο.

Ναι. Μεταβείτε στο Upload file και ρίξτε ένα αρχείο HTML, CSS ή JS μέχρι το όριο μεγέθους που εμφανίζεται στη σελίδα. Οι μεταφορτώσεις επεξεργάζονται για το πέρασμα μορφοποίησης και διαγράφονται αυτόματα.

HTML (συμπεριλαμβανομένου ενσωματωμένου markup), CSS και JavaScript. Για JSON, χρησιμοποιήστε τον ειδικό JSON Formatter, ο οποίος προσθέτει επικύρωση και θέσεις σφαλμάτων πέρα από την ωραία μορφοποίηση.

Κοινοποίηση

Δημοφιλείς αναζητήσεις
μορφοποιητής κώδικα ομορφοποίηση javascript μορφοποίηση css online ομορφοποιητής html όμορφη εκτύπωση κώδικα ομορφοποιητής κώδικα
Χρειάζεστε βοήθεια;
Βρήκατε πρόβλημα με αυτό το εργαλείο; Ενημερώστε μας.
Αναφορά προβλήματος

Προσθέστε αυτό το δωρεάν εργαλείο στον δικό σας ιστότοπο — αντιγράψτε και επικολλήστε τον παρακάτω κώδικα.