Μετάβαση στο κύριο περιεχόμενο
LibraTool logoLibraTool

Μετατροπέας Markdown σε HTML δωρεάν

Μετατρέψτε Markdown σε καθαρό HTML με ζωντανή προεπισκόπηση. Χρησιμοποιήστε την πηγή για να αντιγράψετε έτοιμο HTML για blogs, CMS ή πρότυπα email.

Λειτουργεί εκτός σύνδεσης μόλις φορτωθεί
Η έξοδος HTML θα εμφανιστεί εδώ…

Συνηθισμένες χρήσεις

  • Δημοσίευση Markdown σε CMSΜετατρέψτε σημειώσεις Markdown σε HTML για επικόλληση σε CMS που δέχονται μόνο HTML.
  • Δημιουργία περιεχομένου email HTMLΜετατρέψτε Markdown σε HTML για email συναλλαγών και ενημερωτικών δελτίων.
  • Προεπισκόπηση αρχείων README τοπικάΕπικολλήστε το README.md σας για να δείτε πώς θα αποδίδεται στο GitHub, GitLab ή npm.
  • Δημιουργία περιεχομένου σελίδας για στατικές ιστοσελίδεςΜετατρέψτε το σώμα κειμένου Markdown σε HTML για ιστοσελίδες στατικές ή σελίδες εφάπαξ.
  • Δημιουργία HTML τεκμηρίωσηςΜετατρέψτε έγγραφα εσωτερικού Markdown σε HTML για ενσωμάτωση σε εφαρμογές, κέντρα υποστήριξης ή βάσεις γνώσης.

Πώς λειτουργεί

Η μετατροπή γίνεται εξ ολοκλήρου στον browser σας από χειρόγραφο αναλυτή Markdown — χωρίς βιβλιοθήκη τρίτων ή αίτημα σε διακομιστή. Ο αναλυτής διατρέχει την πηγή γραμμή προς γραμμή, εφαρμόζοντας κανόνες επιπέδου μπλοκ (επικεφαλίδες, λίστες, πίνακες, μπλοκ κώδικα) και έπειτα δεύτερο πέρασμα inline μοτίβων regex για έντονα, πλάγια, συνδέσμους, εικόνες και inline κώδικα.

  1. 1
    Πρώτα αναλύεται η δομή μπλοκ
    Ο αναλυτής διαβάζει το ακατέργαστο Markdown γραμμή προς γραμμή, εντοπίζοντας δομές επιπέδου μπλοκ: μπλοκ κώδικα (με προαιρετική κλάση γλώσσας), επικεφαλίδες ATX (# έως ######), παραθέσεις, αριθμημένες και μη λίστες μαζί με τα πλαίσια εργασιών GFM, πίνακες GFM με στοίχιση στηλών, οριζόντιες γραμμές και παραγράφους που ενώνουν σωστά τις γραμμές συνέχειας.
  2. 2
    Εφαρμογή inline μοτίβων μέσα σε κάθε μπλοκ
    Αφού το κείμενο κάθε μπλοκ γίνει HTML-escape, μια αλυσίδα regex στο parseInline() μετασχηματίζει την inline σύνταξη: εικόνες και συνδέσμους (με λευκή λίστα σχημάτων URL που αφαιρεί hrefs javascript: και data:), **έντονα**, *πλάγια*, ~~διαγραμμένα~~ και inline κώδικα — με αυτή τη σειρά προτεραιότητας.
  3. 3
    Ζωντανή έξοδος HTML με εναλλαγή προεπισκόπησης
    Η συμβολοσειρά HTML υπολογίζεται ξανά μέσω useMemo σε κάθε πάτημα, οπότε το δεξί πλαίσιο ενημερώνεται αμέσως. Μια εναλλαγή μετακινεί μεταξύ της προβολής ακατέργαστου HTML και μιας αποδοσμένης προεπισκόπησης με τη μηχανή διάταξης του ίδιου του browser.
  4. 4
    Τρεις επιλογές εξόδου, μαζί με αντιγραφή μορφοποιημένου κειμένου
    Μπορείτε να αντιγράψετε το ακατέργαστο HTML, να κατεβάσετε ένα πλήρες αυτόνομο αρχείο .html με DOCTYPE και meta tag charset ή να χρησιμοποιήσετε την «Αντιγραφή μορφοποιημένου κειμένου» — που γράφει στο πρόχειρο και τους δύο τύπους MIME text/html και text/plain μέσω του ClipboardItem του Clipboard API, ώστε το μορφοποιημένο αποτέλεσμα να επικολλάται απευθείας σε Gmail, Google Docs ή Word χωρίς επιπλέον βήματα.

Σχετικά εργαλεία

📝

Μετατροπέας HTML σε Markdown

Μετατρέψτε HTML σε καθαρό Markdown. Χειρίζεται επικεφαλίδες, λίστες, συνδέσμους, εικόνες, μπλοκ κώδικα, πίνακες και παραθέματα. Ιδανικό για μεταφορά περιεχομένου από CMS.

Δοκιμάστε το
📝

Επεξεργαστής Markdown

Γράψτε και προεπισκοπήστε Markdown σε πραγματικό χρόνο. Υποστηρίζει επικεφαλίδες, έντονη γραφή, πλάγια γραφή, μπλοκ κώδικα, πίνακες και λίστες.

Δοκιμάστε το
🎼

Μετατροπέας MIDI σε MP3

Μετατρέψτε ένα αρχείο MIDI (.mid) σε MP3 ή WAV με μια συλλογή ήχων General MIDI. Ακούστε το στον περιηγητή σας και αλλάξτε ρυθμό, τονικότητα ή όργανο· τίποτα δεν ανεβαίνει στο διαδίκτυο.

Δοκιμάστε το23 MB, εφάπαξ λήψη

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