Δωρεάν μετατροπέας

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

Μετατρέψτε το κείμενο Markdown σε κώδικα HTML έτοιμο για παραγωγή με υποστήριξη ζωντανής προεπισκόπησης.

Σχετικά με αυτό το εργαλείο

Η Markdown είναι μια ελαφριά γλώσσα σήμανσης που δημιουργήθηκε από τον John Gruber το 2004 για να επιτρέπει στους συγγραφείς να παράγουν δομημένο HTML χρησιμοποιώντας συμβάσεις απλού κειμένου: χαρακτήρες κατακερματισμού για επικεφαλίδες, αστερίσκους για έμφαση, παύλες για λίστες, μπλοκ με εσοχές για κώδικα. Η μορφή έχει γίνει η προεπιλογή για αρχεία README, τεχνική τεκμηρίωση, προσχέδια ιστολογίου, γεννήτριες στατικών τοποθεσιών και οποιοδήποτε περιβάλλον όπου η γραφή θα πρέπει να είναι ευανάγνωστη ως απλό κείμενο και ως απόδοση απόδοσης. Η μετατροπή του Markdown σε HTML είναι το βήμα απόδοσης που μετατρέπει την πηγή σε ιστοσελίδα.

Αυτός ο μετατροπέας χρησιμοποιεί την επισημασμένη βιβλιοθήκη, την πιο ευρέως διαδεδομένη λειτουργία απόδοσης Markdown στο JavaScript. Το Marked υποστηρίζει το CommonMark και το GitHub Flavored Markdown (GFM), που σημαίνει πίνακες, περιφραγμένα μπλοκ κώδικα, λίστες εργασιών, διαγράμμιση και αυτόματη σύνδεση όλων των λειτουργιών σωστά εκτός από τις τυπικές λειτουργίες Markdown.

Η έξοδος είναι απλό HTML — σημασιολογικές ετικέτες για επικεφαλίδες, παραγράφους, λίστες, συνδέσμους και εικόνες, καθώς και άγκιστρα κλάσεων για μπλοκ κώδικα όπου τα εργαλεία επισήμανσης σύνταξης τα περιμένουν. Η έξοδος επικολλάται καθαρά σε οποιοδήποτε CMS, ενσωματώνεται σε γεννήτριες στατικών τοποθεσιών ή λειτουργεί ως αυτόνομο .html. Δεν έχει προστεθεί CSS ή JavaScript. Το στυλ του αποτελέσματος αφήνεται στο κατάντη περιβάλλον σας.

Γιατί να μετατρέψετε το Markdown σε HTML

Το Markdown είναι η μορφή που προτιμούν οι συγγραφείς και οι προγραμματιστές. Το HTML είναι η μορφή που αποδίδουν τα προγράμματα περιήγησης. Οι περισσότερες παραγωγοί στατικών ιστότοπων και πλατφόρμες CMS μετατρέπουν το Markdown σε HTML στα παρασκήνια, αλλά μερικές φορές χρειάζεστε τη μετατροπή ως αυτόνομο βήμα — επικόλληση σε ένα CMS που δεν υποστηρίζει Markdown, δημιουργία HTML για μηνύματα ηλεκτρονικού ταχυδρομείου, παραγωγή γρήγορης προεπισκόπησης ή εξαγωγή της απόδοσης για περαιτέρω επεξεργασία.

Το HTML είναι επίσης η κανονική μορφή για οποιοδήποτε περιεχόμενο που τελικά θα εμφανίζεται σε ένα πρόγραμμα περιήγησης. Ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείου που έχουν δημιουργηθεί από προσχέδια Markdown, σελίδες τεκμηρίωσης ενσωματωμένες σε μεγαλύτερες εφαρμογές HTML και αναρτήσεις ιστολογίου επικολλημένες σε συντάκτες που αναμένουν ότι η HTML επωφελείται από μια καθαρή μετατροπή.

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

Επικολλήστε το Markdown, λάβετε HTML.

  1. Προσθέστε το Markdown σας: Επικολλήστε κείμενο Markdown στην περιοχή εισαγωγής ή αποθέστε ένα αρχείο .md. Τόσο η τυπική σύνταξη Markdown όσο και η σύνταξη του GitHub Flavored Markdown λειτουργούν.
  2. Μετατροπή: Το Marked αναλύει το Markdown σε ένα AST και εκπέμπει HTML. Τα τυπικά ενσωματωμένα στοιχεία (έμφαση, ισχυρή, σύνδεσμοι, κώδικας, εικόνες), στοιχεία μπλοκ (επικεφαλίδες, παράγραφοι, λίστες, μπλοκ εισαγωγικά) και επεκτάσεις GFM (πίνακες, περιφραγμένος κώδικας, λίστες εργασιών, αυτόματοι σύνδεσμοι) αποδίδονται όλα σωστά.
  3. Προεπισκόπηση: Επιθεωρήστε το αποδοθέν HTML στον πίνακα προεπισκόπησης. Επιβεβαιώστε ότι τα μπλοκ κώδικα, οι πίνακες και άλλα σύνθετα στοιχεία εμφανίζονται όπως αναμένεται.
  4. Αντιγραφή ή λήψη: Αντιγράψτε το HTML στο πρόχειρο για επικόλληση σε ένα CMS ή αποθηκεύστε το ως .html για αυτόνομη χρήση. Η έξοδος είναι σημασιολογική HTML5 χωρίς ενσωματωμένα στυλ.

Κοινές περιπτώσεις χρήσης

Τεχνικές λεπτομέρειες

Το Marked χρησιμοποιεί αρχιτεκτονική δύο περασμάτων. Το lexer ενοποιεί την είσοδο σε διακριτικά επιπέδου μπλοκ (επικεφαλίδες, παράγραφοι, λίστες, μπλοκ κώδικα) και ενσωματωμένα διακριτικά (έμφαση, σύνδεσμοι, εικόνες). Ο αναλυτής περπατά στη ροή διακριτικού και εκπέμπει HTML, εφαρμόζοντας άγκιστρα απόδοσης για κάθε τύπο διακριτικού.

Οι επεκτάσεις Markdown με γεύση GitHub είναι ενεργοποιημένες από προεπιλογή: πίνακες (χρησιμοποιώντας σύνταξη σωλήνων), περιφραγμένα μπλοκ κώδικα (τριπλά backticks με υποδείξεις γλώσσας), λίστες εργασιών (- [ ] και - [x]), διαγράμμιση (με χρήση διπλών tildes) και αυτόματη σύνδεση διευθύνσεων URL. Τα μπλοκ κώδικα εκπέμπουν εκ των προτέρων τυλιγμένο κώδικα με προαιρετική κλάση γλώσσας για επισήμανση σύνταξης κατάντη.

Η απολύμανση της παραγωγής επαφίεται στους μεταγενέστερους καταναλωτές. Το Marked εκπέμπει οτιδήποτε παράγει η είσοδος, συμπεριλαμβανομένου του ακατέργαστου HTML που είναι ενσωματωμένο στο Markdown. Εάν αποδεχτείτε μη αξιόπιστη εισαγωγή, εκτελέστε την έξοδο μέσω του DOMPurify ή ενός παρόμοιου απολυμαντικού HTML πριν από την απόδοση σε ένα πρόγραμμα περιήγησης.

Βέλτιστες Πρακτικές

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

Η μετατροπή MARKDOWN σε HTML αλλάζει το περιεχόμενο;
Το περιεχόμενο διατηρείται όσο το δυνατόν ακριβέστερα. Ωστόσο, ορισμένες λειτουργίες που σχετίζονται με τη μορφή ενδέχεται να μην έχουν άμεσα ισοδύναμα, επομένως ενδέχεται να προκύψουν μικρές διαφορές μορφοποίησης.
Σε τι χρησιμοποιείται η μορφή HTML;
Η HTML (HyperText Markup Language) χρησιμοποιείται κυρίως για ιστοσελίδες και περιεχόμενο ιστού.
Υπάρχουν κάποιοι περιορισμοί που πρέπει να γνωρίζετε;
Υποστηρίζονται αρχεία έως 50MB. Η επεξεργασία πολύ μεγάλων ή πολύπλοκων αρχείων μπορεί να χρειαστεί περισσότερο χρόνο. Όλες οι μετατροπές γίνονται στο πρόγραμμα περιήγησής σας, επομένως η ταχύτητα επεξεργασίας εξαρτάται από τη συσκευή σας.
Είναι αυτή η μετατροπή ασφαλής και ιδιωτική;
Ναι. Όλη η επεξεργασία γίνεται τοπικά στο πρόγραμμα περιήγησής σας. Τα δεδομένα σας δεν φεύγουν ποτέ από τη συσκευή σας — χωρίς μεταφόρτωση διακομιστή, χωρίς επεξεργασία στο cloud, χωρίς συλλογή δεδομένων.
Υποστηρίζονται τα emoji;
Τα emoji Unicode περνούν απευθείας (πληκτρολογώντας ένα emoji καρδιάς δείχνει μια καρδιά στην έξοδο). GitHub-style :emoji: οι σύντομοι κωδικοί δεν μετατρέπονται από προεπιλογή. προσθέστε μια επέκταση εάν το χρειάζεστε.
Το Markdown μου μεταφορτώνεται σε διακομιστή;
Όχι. Επισημασμένες εκτελέσεις στο πρόγραμμα περιήγησής σας. η μετατροπή πραγματοποιείται εξ ολοκλήρου στη συσκευή σας.
Μπορώ να προσθέσω προσαρμοσμένο στυλ στο HTML;
Ναι, μετά τη μετατροπή. Η έξοδος είναι απλό σημασιολογικό HTML. εφαρμόστε το δικό σας CSS σε επικεφαλίδες στυλ, μπλοκ κώδικα, πίνακες και άλλα στοιχεία.
Υποστηρίζει υποσημειώσεις;
Το Standard CommonMark δεν προσδιορίζει τη σύνταξη υποσημείωσης. Ορισμένες επεκτάσεις Markdown υποστηρίζουν τη σύνταξη υποσημείωσης [^1]. αυτός ο μετατροπέας ακολουθεί το GFM, το οποίο δεν περιλαμβάνει υποσημειώσεις.