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

Πώς να μετατρέψετε HTML σε Markdown

1. Επιλέξτε την κατεύθυνση: HTML → Markdown ή Markdown → HTML.
2. Επικολλήστε τον κώδικά σας στο πλαίσιο εισόδου ή πατήστε Άνοιγμα αρχείου για να φορτώσετε ένα αρχείο .html, .htm, .md ή .txt από τον υπολογιστή σας (έως 10 MB).
3. Προσαρμόστε τις επιλογές. Για HTML → Markdown μπορείτε να διαλέξετε το στυλ των Επικεφαλίδων, τη Σήμανση λίστας και το στυλ των Μπλοκ κώδικα. Για Markdown → HTML, η επιλογή Εξυγίανση του HTML (αφαίρεση σεναρίων και χειριστών συμβάντων) είναι ενεργή από προεπιλογή.
4. Πατήστε Μετατροπή. Το αποτέλεσμα ενημερώνεται και καθώς πληκτρολογείτε.
5. Αντιγράψτε ή κατεβάστε το αποτέλεσμα. Το Αντιστροφή κατεύθυνσης μεταφέρει το αποτέλεσμα πίσω στην είσοδο, ώστε να το μετατρέψετε προς την άλλη κατεύθυνση και να ελέγξετε την αμφίδρομη μετατροπή.

Η Προεπισκόπηση κάτω από το αποτέλεσμα δείχνει πώς αποδίδεται το Markdown, ώστε να ελέγξετε τη μετατροπή με μια ματιά.

Τι κάνει η μετατροπή HTML → Markdown

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

• Τα <h1> έως <h6> γίνονται επικεφαλίδες. Το ATX (# Τίτλος) γράφει # έως ######· το Setext (υπογράμμιση) υπογραμμίζει τις επικεφαλίδες επιπέδου 1 και 2 με === ή --- (τα επίπεδα 3 έως 6 χρησιμοποιούν πάντα #).
• Τα <strong> και <b> γίνονται **έντονο**, τα <em> και <i> γίνονται _πλάγιο_, το ενσωματωμένο <code> γίνεται backticks.
• Οι σύνδεσμοι γίνονται [κείμενο](url "τίτλος") και οι εικόνες ![alt](src).
• Οι λίστες χρησιμοποιούν την επιλεγμένη σήμανση (-, * ή +)· οι αριθμημένες λίστες κρατούν τον αριθμό start και οι εμφωλευμένες λίστες παίρνουν εσοχή.
• Το <pre><code> γίνεται μπλοκ κώδικα, είτε Περιφραγμένα (```) είτε Με εσοχή (4 κενά).
• Μετατρέπονται επίσης τα <blockquote>, <hr> και οι αλλαγές γραμμής.
• Τα <script>, <style>, <iframe>, <noscript> και παρόμοια στοιχεία αφαιρούνται μαζί με το περιεχόμενό τους.

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

GitHub Flavored Markdown

Με επιλεγμένο το GitHub Flavored Markdown (πίνακες, ~~διαγραφή~~, λίστες εργασιών):

• Οι πίνακες γίνονται πίνακες με κάθετες γραμμές και ευθυγραμμισμένες στήλες. Η κεφαλίδα προκύπτει από μια γραμμή <thead> ή μια γραμμή που αποτελείται μόνο από κελιά <th>· αν δεν υπάρχει, προστίθεται κενή γραμμή κεφαλίδας, επειδή το GFM απαιτεί μία. Η στοίχιση στηλών διαβάζεται από align="right" ή style="text-align: center". Οι κάθετες γραμμές μέσα στα κελιά γράφονται \|, οι αλλαγές γραμμής γίνονται <br> και το colspan συμπληρώνεται με κενά κελιά. Το <caption> γράφεται ως παράγραφος πάνω από τον πίνακα.
• Τα <del>, <s> και <strike> γίνονται ~~διαγραφή~~.
• Τα πλαίσια επιλογής στην αρχή στοιχείων λίστας γίνονται στοιχεία λίστας εργασιών: - [x] ολοκληρώθηκε, - [ ] να γίνει.

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

Markdown → HTML

Προς την άλλη κατεύθυνση, το Markdown αποδίδεται με αναλυτή συμβατό με το CommonMark, με τις επεκτάσεις GFM όταν η επιλογή είναι ενεργή. Η έξοδος είναι τμήματα HTML, έτοιμα για επικόλληση σε CMS, πρότυπο email ή ιστοσελίδα. Όταν είναι επιλεγμένο το Εξυγίανση του HTML (αφαίρεση σεναρίων και χειριστών συμβάντων), το ακατέργαστο HTML που είναι ενσωματωμένο στο Markdown καθαρίζεται: αφαιρούνται οι ετικέτες <script>, τα χαρακτηριστικά onclick και οι σύνδεσμοι javascript:. Αποεπιλέξτε το μόνο για Markdown που γράψατε οι ίδιοι.