Χρησιμοποιούμε γλώσσα σήμανσης χάκερ για μια ποικιλία εργασιών. Visual editors για Markdown

Πρόσφατα ένας από τους χρήστες μας ρώτησε τι είναι το Markdown; Το άκουσε από έναν φίλο που χρησιμοποιεί την πλατφόρμα blogging Ghost. Η Markdown είναι μια απλή γλώσσα σήμανσης που μετατρέπει απλό κείμενο σε HTML. Μπορείτε να το σκεφτείτε ως ένα απλό πρόγραμμα επεξεργασίας κειμένου. Σε αυτό το άρθρο, θα σας δείξουμε πώς να χρησιμοποιείτε το Markdown στο WordPress.

Τι είναι το Markdown;

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

Για παράδειγμα
**Αυτό είναι το κείμενο με έντονους χαρακτήρες**

Το παραπάνω κείμενο θα μετατραπεί χρησιμοποιώντας Markdown σε:

Αυτό είναι το κείμενο με έντονους χαρακτήρες

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

Πώς να προσθέσετε υποστήριξη Markdown στο WordPress

Πρώτα απ 'όλα, πρέπει να εγκαταστήσετε και να ενεργοποιήσετε το πρόσθετο WP-Markdown. Μετά την ενεργοποίηση, πρέπει να μεταβείτε στην ενότητα Ρυθμίσεις » Γράψιμο διοικητικό πάνελτοποθεσία και μετακινηθείτε στη σελίδα στην ενότητα Markdown.

Μπορείτε να ενεργοποιήσετε το WP-Markdown για αναρτήσεις, σελίδες και προσαρμοσμένους τύπους αναρτήσεων. Μπορείτε επίσης να ενεργοποιήσετε την υποστήριξη Markdown για σχόλια.

Το πρόσθετο έχει μια γραμμή μενού στην περιοχή επεξεργασίας, ώστε να μπορείτε εύκολα να προσθέσετε σύνταξη Markdown. Εάν είστε νέοι στο Markdown, ίσως θελήσετε να ενεργοποιήσετε το μενού βοήθειας. Αυτό θα σας βοηθήσει να μάθετε τη σύνταξη Markdown πιο γρήγορα.

Αφού ενεργοποιήσετε την υποστήριξη Markdown, κάντε κλικ στο κουμπί αποθήκευσης αλλαγών.

Χρήση Markdown στον Επεξεργαστή αναρτήσεων του WordPress

Αφού ενεργοποιήσετε την υποστήριξη Markdown για αναρτήσεις και σελίδες, μπορείτε να μεταβείτε στο Δημοσιεύσεις » Προσθήκη νέουδιοικητικό πάνελ του ιστότοπου για να το δείτε σε δράση.

Θα παρατηρήσετε ότι το πρότυπο WordPress οπτικόκαι οι επεξεργαστές κειμένου έχουν αντικατασταθεί από το πρόγραμμα επεξεργασίας Markdown.

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

Φύλλο εξαπάτησης σύνταξης Markdown

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

Αρχικά δεδομένα:
*Αυτό είναι κείμενο με πλάγιους χαρακτήρες*

Αποτέλεσμα:
Αυτό είναι το κείμενο με πλάγιους χαρακτήρες

Αρχικά δεδομένα:
**Αυτό είναι το κείμενο με έντονους χαρακτήρες**

Αποτέλεσμα:
Αυτό είναι το κείμενο με έντονους χαρακτήρες

Αρχικά δεδομένα:
#Αυτή είναι η επικεφαλίδα 1#

Αποτέλεσμα:

Αυτή είναι η επικεφαλίδα 1

Αρχικά δεδομένα:
##Αυτός είναι ο τίτλος 2##

Αποτέλεσμα:

Αυτός είναι ο τίτλος 2

Αρχικά δεδομένα:
###Αυτή είναι η επικεφαλίδα 3###

Αποτέλεσμα:

Αυτός είναι ο τίτλος 3

Αρχικά δεδομένα:
(https://site)

Αρχικά δεδομένα:
1. Αριθμημένο στοιχείο λίστας 1
2. Αριθμημένο στοιχείο λίστας 2
3. Αριθμημένο στοιχείο λίστας 3

Αποτέλεσμα:

  1. Αριθμημένο στοιχείο λίστας 1
  2. Αριθμημένο στοιχείο λίστας 2
  3. Αριθμημένο στοιχείο λίστας 3

Αρχικά δεδομένα:
*Στοιχείο λίστας με κουκκίδες 1
*Στοιχείο κουκκίδα 2
*Στοιχείο 3

Αποτέλεσμα:

  • Στοιχείο λίστας κουκκίδων 1
  • Στοιχείο κουκκίδας 2
  • Στοιχείο 3

Προσθήκη βίντεο κατά τη χρήση του Markdown στο WordPress

Συνήθως μπορείτε να ενσωματώσετε ένα βίντεο YouTube από απλή αντιγραφήσυνδέσμους και επικολλώντας το στο πρόγραμμα επεξεργασίας αναρτήσεων. Αυτή η μέθοδος δεν θα λειτουργήσει εάν είναι ενεργοποιημένο το WP-Markdown. Σε αυτήν την περίπτωση, πρέπει να τυλίξετε τον σύνδεσμο βίντεο σε έναν σύντομο κωδικό [ενσωματωμένο]με τον εξής τρόπο:

Ελπίζουμε ότι αυτό το άρθρο σας βοήθησε να μάθετε για τη γλώσσα σήμανσης Markdown και τον τρόπο χρήσης της στο WordPress. Αν πιστεύετε ότι το Markdown δεν είναι αυτό που ψάχνετε, δοκιμάστε το στο WordPress.

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

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

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

Η Markdown είναι μια ελαφριά γλώσσα σήμανσης. Δημιουργήθηκε αρχικά από τους John Gruber και Aaron Swartz, στόχος των οποίων ήταν να δημιουργήσουν μια ελαφριά γλώσσα σήμανσης που να ήταν όσο το δυνατόν πιο ευανάγνωστη και εύκολη στη δημοσίευση. Πολλές από τις ιδέες της γλώσσας δανείστηκαν από υπάρχουσες συμβάσεις για τη σήμανση κειμένου σε email.

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

Εντολές Markdown

Συνδέσεις

Επικεφαλίδες

#Η1
## Η2
### Η3

Κονίστρα

Απλή λίστα:

- παράγραφος 1
- σημείο 2
- σημείο 3

Αριθμημένη λίστα

1. σημείο 1
2. σημείο 2
3. σημείο 3

Για να χρησιμοποιήσετε την ελαφριά γλώσσα Markdown που χρειάζεστε ειδικές εφαρμογές - συντάκτες κειμένουΧαμήλωση τιμής. Μπορείτε να τα κατεβάσετε από App Storeή από άλλα site αν υπάρχει δωρεάν άδεια.

Καλύτεροι θεατές Markdown

Σημειώθηκε 2

Τιμή:δοκιμαστική έκδοση - δωρεάν, πλήρη έκδοση- 13,99 $.

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

Καλύτεροι συντάκτες Markdown

Σημείωσε τα λόγια μου

Τιμή: 1.150 ρούβλια.

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

Κείμενα

Τιμή:δωρεάν.

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

Markdown Pro

Τιμή: 379 ρούβλια.

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

Εύκολο Markdown

Τιμή: 749 ρούβλια.

Το Easy Markdown κάνει επίσης εύκολη την επεξεργασία και τη μορφοποίηση εγγράφων Markdown για όλους. Μεταφράζει αυτόματα κείμενο σε εμπλουτισμένη μορφή web χρησιμοποιώντας βασική μορφοποίησηΧαμήλωση τιμής. Μπορείτε να εισαγάγετε κείμενο στο αριστερό παράθυρο και να προβάλετε το τελικό αποτέλεσμα στα δεξιά και μπορείτε να αποθηκεύσετε τον κώδικα σε μορφή HTML ή RTF ανά πάσα στιγμή ενώ εργάζεστε στο έγγραφό σας.

nvALT

Τιμή:δωρεάν.

Το nvALT 2 είναι ένα είδος παραφυάδας του δημοφιλούς προγράμματος επεξεργασίας κειμένου Notational Velocity, αλλά με διευρυμένες δυνατότητες και τροποποιημένη διεπαφή. Μερικά από αυτά περιλαμβάνουν τη δυνατότητα εγγραφής και επεξεργασίας αρχείων κειμένου στο Markdown.

Νότιγχαμ

Τιμή:δωρεάν.

Εμπνευσμένο από την κομψότητα και την ευελιξία του προγράμματος επεξεργασίας Notational Velocity, το Nottingham είναι ένα απλό και ελαφρύ πρόγραμμα επεξεργασίας Markdown για Mac που υποστηρίζει ζωντανή προεπισκόπηση Markdown σε μορφή αρχεία κειμένουκαι αρχεία. Ο συνολικός σχεδιασμός είναι πολύ παρόμοιος με το Notational Velocity, επομένως οι χρήστες θα αισθάνονται σαν στο σπίτι τους όταν δουλεύουν με αυτό το πρόγραμμα.

iA Συγγραφέας

Τιμή: 749 ρούβλια.

Ένας από τους καλύτερους συντάκτες Markdown. Το iA Writer υποστηρίζει ένας μεγάλος αριθμός απόΣύνταξη Markdown. ΣΕ τελευταία έκδοσηΜπορεί να χρησιμοποιηθεί το iA Writer Συνδυασμός Ctrl+ Cmd + R για να ενεργοποιήσετε την προεπισκόπηση. Ο πελάτης είναι επίσης διαθέσιμος σε iPhone και iPad.

Παρατσούκλι

Τιμή: 899 ρούβλια.

Το Byword είναι ένα άλλο πολύ διάσημο πρόγραμμα επεξεργασίας Markdown για Mac και για όσους θέλουν ένα κομψό και απλό περιβάλλον εργασίας. Εκτός από την όμορφη διεπαφή χρήστηη εφαρμογή μπορεί να υπερηφανεύεται για ένα μινιμαλιστικό εμφάνιση, που δεν αποσπά καθόλου την προσοχή από τη δουλειά. Υπάρχει επίσης μια έκδοση για iPhone και iPad.

Σημειωσε

Τιμή:δωρεάν.

Το κύριο σημείο αυτής της εφαρμογής είναι η υποστήριξή της για επισήμανση σύνταξης. ΠροεπισκόπησηΤο έγγραφο μπορεί να εκκινηθεί χρησιμοποιώντας τη συντόμευση πληκτρολογίου ⌥ + ⌘ + P.

Καλύτεροι Επαγγελματίες Markdown Editors

MultiMarkdown Composer

Τιμή: 379 ρούβλια.

Το MultiMarkdown Composer είναι ένα ισχυρό πρόγραμμα επεξεργασίας κειμένου που υποστηρίζει μορφές Markdown και MultiMarkdown, καθώς και προηγμένη σύνταξη Markdown: πίνακες, υποσημειώσεις, παραπομπές.

Mou

Τιμή:δωρεάν.

Ενώ οι περισσότεροι συντάκτες Markdown έχουν σχεδιαστεί για bloggers και καθημερινούς χρήστες, το Mou έχει σχεδιαστεί για περισσότερους έμπειρους χρήστες, όπως προγραμματιστές ιστού.

Τετράδια

Τιμή:δωρεάν.

Σημειωματάρια είναι εφαρμογή επιφάνειας εργασίας. Σας επιτρέπει να αποθηκεύετε και να συγχρονίζετε σημειώσεις με την έκδοση iOS, επιτρέποντάς σας να κάνετε λήψη των σημειώσεων σας ανά πάσα στιγμή. Το Notebooks υποστηρίζει τη μορφή Markdown και σας επιτρέπει να το επεξεργαστείτε, να το προβάλετε και να το μετατρέψετε σε HTML.

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

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

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

Σύμβολα Markdown

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

Λίστα συμβόλων Markdown:

* "αστερίσκος" _ υπογράμμιση + συν - πλην = ίσο με ` backquote ()()<>αγκύλες # "hash" ! Θαυμαστικό: άνω και κάτω τελεία | κάθετη μπάρα " διπλά εισαγωγικά"απόστροφο $$$$ space νέα παράγραφος

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

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

Εάν υπάρχει ανάγκη για αυτούς τους χαρακτήρες απευθείας σε απλό κείμενο, τότε αυτοί οι χαρακτήρες πρέπει να διαφεύγουν ανάστροφη κάθετο\ . Ή χρησιμοποιήστε τη σήμανση "προμορφοποιημένο κείμενο".

Βασικά στοιχεία του Markdown

Τροφοδοσία παραγράφου και γραμμής

Οι παράγραφοι στο Markdown χωρίζονται μεταξύ τους με μία ή περισσότερες κενές γραμμές.

Για να κάνετε ένα διάλειμμα σε μια γραμμή, για παράδειγμα, για να δημιουργήσετε μια στροφή σε ένα ποίημα, απλώς προσθέστε δύο κενά πριν από τη διακοπή γραμμής. Αυτό γίνεται προσθέτοντας δύο κενά στο τέλος της στροφής και μετά ένα σημάδι παραγράφου. Παράδειγμα

Γραμμή 1
Γραμμή 2
Γραμμή 3

Δηλαδή, η γραμμή πληκτρολογείται ως εξής: line\s\s\n, όπου \s είναι κενό, \n είναι παράγραφος. Με άλλα λόγια, πρόκειται για αντικατάσταση ετικέτας
σε HTML.

Επικεφαλίδες

Οι επικεφαλίδες υποδεικνύονται με ένα σύμβολο # ("hash") στην αρχή της παραγράφου. Ο αριθμός των σημαδιών κατακερματισμού υποδεικνύει το επίπεδο επικεφαλίδας από ένα έως έξι. Για παράδειγμα:

# Κεφαλίδα

Ταιριάζει με κώδικα HTML

Επικεφαλίδα

Και, για παράδειγμα, τέσσερα μπαρ

#### Τίτλος

ταιριάζει με τον κώδικα HTML

Επικεφαλίδα

Η κύρια επικεφαλίδα δεν μπορεί να επισημανθεί με κατακερματισμούς, αλλά να υπογραμμιστεί με διπλή γραμμή:

Κύρια επικεφαλίδα ==================

Η δεύτερη πιο ομαλή επικεφαλίδα μπορεί να τονιστεί με μια απλή γραμμή:

Κανονική κεφαλίδα -----------------

Κείμενο styling

Ονυξ του αντίχειρος- **Έντονο κείμενο** Πλάγιο κείμενο - *Πλάγιο κείμενο* Έντονο πλάγιο κείμενο - ***Έντονο πλάγιο κείμενο***

Έντονο κείμενο - __Έντονο κείμενο__ Πλάγιο κείμενο - _Πλάγιο κείμενο_

Οριζόντια γραμμή

Οριζόντια γραμμή


κατασκευασμένο από μια σειρά από τρεις ή περισσότερες παύλες

Εισαγωγικά

Τα εισαγωγικά Markdown προηγούνται από μια αγκύλη > . Ισχύει μέχρι το τέλος της παραγράφου

> "Η επόμενη γενιά προγραμματιστών ιστού θα ζει κάτω από το Markdown." Μ. Αστάπτσικ

Παρόμοιο σε HTML

"Η επόμενη γενιά προγραμματιστών ιστού θα ζει κάτω από το Markdown." Μ. Αστάπτσικ

Κονίστρα

Μια κανονική μη ταξινομημένη λίστα υποδεικνύεται με έναν αστερίσκο στην αρχή κάθε στοιχείου λίστας

* Ενα δύο τρία

Οι αριθμοί χρησιμοποιούνται για μια αριθμημένη λίστα

1 Ένα 2 Δύο 3 Τρία

Μορφοποίηση κώδικα, προδιαμορφωμένο κείμενο

Η μορφοποίηση είναι πολύ σημαντική στο Markdown, που σημαίνει το κείμενο ως έχει, χωρίς μετάφραση σε HTML. Αντιστοιχεί στα στοιχεία προ και κώδικα σε HTML. Για μια προδιαμορφωμένη παράγραφο, αρκεί η εσοχή της με τέσσερα κενά ή μια καρτέλα.

Εκτύπωση ("Γεια σου κόσμο!\n")

Μπορείτε επίσης να υποδηλώσετε ένα μπλοκ προδιαμορφωμένου κειμένου με τρία διαδοχικά backtick στην αρχή και στο τέλος αυτού του μπλοκ. Δηλαδή, απαιτείται και εδώ ένα σύνολο χαρακτήρων κλεισίματος.

Εκτύπωση ``` ("Γεια σου κόσμο!\n")

Το προδιαμορφωμένο κείμενο απευθείας στη γραμμή επισημαίνεται και στις δύο πλευρές με οπίσθια εισαγωγικά.

«προμορφοποιημένο κείμενο».

Είναι εύκολο να χρησιμοποιήσετε προδιαμορφωμένο κείμενο στο Markdown.

Συνδέσεις

Σύνδεσμοι υποσημειώσεων

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

- πολύ απλό και κομψό σύνταξη σήμανσης κειμένου, το οποίο αυτή τη στιγμή κερδίζει ραγδαία δυναμική στη δημοτικότητά του στις Ηνωμένες Πολιτείες, λαμβάνοντας εγγραφή σε φόρμες σχολίων, διαδικτυακούς συντάκτες και άλλα μέρη για πληροφορίες μεγάλα κείμενα, που απαιτεί πολύπλοκη και προσεκτική οπτική μορφοποίηση.

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

Μορφοποίηση και Web 2.0

Η τρέχουσα εποχή του Web 2.0 διαφέρει από την προηγούμενη στο ότι τώρα οι ίδιοι οι χρήστες ιστοσελίδων μπορούν να δημιουργούν μαζικά περιεχόμενο σε αυτούς τους ιστότοπους. Αυτό περιλαμβάνει ανεπτυγμένα συστήματα σχολιασμού σε υλικό, ιστολόγια και κοινωνικά δίκτυα, όπου το περιεχόμενο δημιουργείται εξ ολοκλήρου από τους ίδιους τους χρήστες.

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

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

Αλλά επίσης καθαρό HTMLδεν είναι πάντα καλό λόγω όχι τόσο της πολυπλοκότητάς του, αλλά λόγω της δυσκινησίας του κώδικα, στον οποίο είναι εύκολο να μπερδευτείτε. Ως εκ τούτου, έχουν εφευρεθεί πολλές απλοποιημένες γλώσσες σήμανσης, όπως η σήμανση wiki, η οποία βοηθά τους χρήστες να μορφοποιούν πιο εύκολα τα μηνύματά τους χρησιμοποιώντας απλή σύνταξη κειμένου.

Σε αυτό το άρθρο, θα εξετάσουμε ένα παράδειγμα μιας σύνταξης κειμένου που ονομάζεται, η οποία είναι από πολλές απόψεις ανώτερη από τις ήδη αναφερθείσες μεθόδους όσον αφορά την ευκολία και την ευκολία της μορφοποίησης κειμένου ιστού.

Ετσι, Χαμήλωση τιμής- μια εύκολη στη γραφή και ανάγνωση μορφή απλού κειμένου, η οποία στη συνέχεια μετατρέπεται εύκολα σε δομικά σωστό HTML. Στην εμφάνιση Χαμήλωση τιμήςπολύ παρόμοια με σήμανση wiki. Παρακάτω επισημαίνουμε τα χαρακτηριστικά του Markdown ως ανεξάρτητη σύνταξη.

Χαμήλωση τιμής (χαμήλωση τιμής) είναι μια ελαφριά γλώσσα σήμανσης κειμένου για δημοσίευση στο Web. Αρχικά δημιουργήθηκε Τζον Γκρούμπερ(eng. John Gruber) και Aaron Schwartz, στόχος της οποίας ήταν η δημιουργία μιας ελαφριάς γλώσσας σήμανσης που να είναι όσο το δυνατόν πιο ευανάγνωστη και εύκολη στη δημοσίευση. Οι υλοποιήσεις της γλώσσας Markdown μετατρέπουν το κείμενο με μορφοποίηση Markdown σε έγκυρο, καλά διαμορφωμένο XHTML και αντικαθιστούν τις αριστερές αγκύλες ("<»), συμπλεκτικά(“&”) και ούτω καθεξής στους αντίστοιχους κωδικούς οντοτήτων.

Αρχές Markdown

Η σύνταξη Markdown επινοήθηκε αρχικά από προγραμματιστές Τζον ΓκρούμπερΚαι Aaron Schwartzμε σκοπό την εύκολη δημοσίευση παραδειγμάτων κώδικα HTML σε ιστότοπους. Σε τελική ανάλυση, όταν δημοσιεύετε κανονικά παραδείγματα HTML σε μια ιστοσελίδα, πρέπει να ασχοληθείτε πολύ με την αντικατάσταση των αγκύλων με ακολουθίες χαρακτήρων< и >και ούτω καθεξής.

Παρεμπιπτόντως, θα ήθελα να επιστήσω την προσοχή σας στο γεγονός ότι σε πολλές υλοποιήσεις ενσωμάτωσης του Markdown σε ιστότοπους που έχω δει, σχεδόν κάθε φορά γράφουν το δικό τους φίλτρο εισόδου/εξόδου, για κάποιο λόγο αγνοώντας (ή απλώς μη γνωρίζοντας) αυτο μεσα PHP Markdownέχει το δικό του ενσωματωμένο πρόγραμμα ανάλυσης φίλτρων. Ποιος είναι ο σκοπός της υπέροχης επιλογής απολύμανσης εισόδου, που βρίσκεται στην κορυφή της κλάσης Markdown_Parser (αρχείο arkdown.php), και εδώ είναι οι μεταβλητές που είναι υπεύθυνες για την ενεργοποίησή του και οι προεπιλεγμένες τιμές τους:

Var $no_markup = false; var $no_entities = false;

Αν τα ορίσετε σε true, για παράδειγμα, ως εξής:

Συνάρτηση do_markdown($text, $safe=false) ( $parser = new Markdown_Parser; if ($safe) ( $parser->no_markup = true; $parser->no_entities = true; ) return $parser->transform($text )

Τώρα η συνάρτηση θα δημιουργήσει τον δικό της αναλυτή, ο οποίος θα καθαρίσει ολόκληρη τη ροή των χαρακτήρων.

Όσον αφορά την έτοιμη υποστήριξη για το Markdown, αυτή η σύνταξη είναι ήδη αρκετά συνηθισμένη σε πολλούς ιστότοπους. Για παράδειγμα, μπορεί να χρησιμοποιηθεί σε κοινωνικό δίκτυο Διασπορά. Το Markdown υποστηρίζεται απευθείας ή μέσω προσθηκών σε συστήματα CMS Drupal, Plone, TYPO3, Django, DokuWiki.

Πολλοί επεξεργαστές απλού κειμένου, καθώς και περιβάλλοντα ανάπτυξης εφαρμογών, υποστηρίζουν επίσης το Markdown τουλάχιστον στο επίπεδο επισήμανσης κώδικα. Αυτό περιλαμβάνει τους συντάκτες Vim, Emacs, Gedit, BBedit, TextMate, IDE Eclipse. Για παράδειγμα, ας πάρουμε ένα πρόσθετο για τον επεξεργαστή Gedit. Σας επιτρέπει να κάνετε προεπισκόπηση μορφοποιημένου κειμένου μέσω ενός προγράμματος προβολής HTML σε ξεχωριστό παράθυρο:


Εγγραφείτε σε ενημερώσεις ιστολογίου →, αστεία μπάρα 9 Ιανουαρίου 2011 στις 10:14 μ.μ

Γλώσσα Markdown

  • Δωμάτιο ξυλείας *

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

Το άρθρο θα είναι χρήσιμο σε όσους δημιουργούν το δικό τους CMS και πλαίσια από την αρχή.

Εν συντομία για τη γλώσσα

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

Ακολουθεί ένα παράδειγμα κώδικα:

Επικεφαλίδα
=========

Αριθμημένες λίστες:
1. Πρώτο σημείο
2. Δεύτερο σημείο
3. Τρίτο σημείο

> Σχόλιο
> > Σχολιάστε στο σχόλιο

Μπορείτε να **επισημάνετε μέρος** του κειμένου.

Αυτός ο κώδικας θα μετατραπεί σε σωστό xHTML.

Η σύνταξη Markdown είναι, αφενός, πιο εύκολη στην εκμάθηση από τεχνικά ανειδίκευτους χρήστες (σε αντίθεση, για παράδειγμα, με τους κωδικούς BB) και, από την άλλη πλευρά, παράγει υψηλής ποιότητας κώδικα xHTML εξόδου, κάτι που δεν μπορεί να ειπωθεί για διάφορους επεξεργαστές WYSIWYG. Αυτά τα πλεονεκτήματα κάνουν το Markdown καλή επιλογήγια μηχανές φόρουμ και CMS, όπου απαιτείται η δυνατότητα επεξεργασίας περιεχομένου από τους χρήστες.

Σήμερα υπάρχουν πολλοί μεταγλωττιστές για το Markdown σε διάφορες γλώσσες. Εάν αποφασίσετε να χρησιμοποιήσετε το Markdown στο έργο σας, μπορείτε να χρησιμοποιήσετε μια έτοιμη λύση (υπάρχουν σύνδεσμοι παρακάτω). Εάν αποφασίσετε να γράψετε τον δικό σας αναλυτή (για παράδειγμα, στο εκπαιδευτικούς σκοπούς), στη συνέχεια παρακάτω είναι τα χαρακτηριστικά που μπορεί να συναντήσετε κατά την ανάπτυξη και δώστε πρακτικές συμβουλές για τον τρόπο επίλυσής τους.

Δημιουργία μεταγλωττιστή γλώσσας

Το Markdown δεν μπορεί να αναλυθεί με γραμματικές χωρίς περιεχόμενο. Περιέχει λεξικά στοιχεία ευαίσθητα στο πλαίσιο. Για παράδειγμα, η ένθεση των δομών καθορίζεται από την ευθυγράμμιση γραμμής όπως στην Python. Επομένως, δεν θα μπορείτε να χρησιμοποιήσετε ρητά το YACC και το ANTLR. Μεταξύ των λύσεων σε αυτό το πρόβλημα έχω συναντήσει τα εξής:
  • Σταματήστε τη χρήση μιας γεννήτριας ανάλυσης και γράψτε έναν αναλυτή χειροκίνητα, χρησιμοποιώντας κανονικές εκφράσεις σε σημεία.

    Έτσι δημιουργήθηκε ο αρχικός αναλυτής Perl Markdown και οι περισσότερες άλλες υλοποιήσεις. Το μειονέκτημα της λύσης είναι η χαμηλή απόδοση: πρώτον, λόγω της χρήσης κανονικές εκφράσεις, δεύτερον, επειδή η μη αυτόματη βελτιστοποίηση ενός αναλυτή στο επίπεδο που παρέχει ένας αυτόματα παραγόμενος είναι συνήθως μια πολύ δύσκολη εργασία. Επιπλέον, εάν γράφετε σε επιτακτική γλώσσα (PHP, Java, C++), τότε θα είναι πολύ δύσκολο να υλοποιήσετε και να διορθώσετε ένα προσαρμοσμένο πρόγραμμα ανάλυσης.

  • Χρησιμοποιήστε μια γεννήτρια ανάλυσης με υποστήριξη για ενσωματωμένες ενέργειες και γράψτε ενέργειες που έχουν το αντίθετο αποτέλεσμα.

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

  • Αναδρομική εφαρμογή ενός αναλυτή γραμματικής χωρίς πλαίσιο.

    Στην πραγματικότητα, μπορείτε πρώτα να σπάσετε κατά προσέγγιση ολόκληρο τον κώδικα σε ξεχωριστά μπλοκ (παραγράφους, σχόλια του ίδιου επιπέδου) και στη συνέχεια να εφαρμόσετε ξανά τον ίδιο αναλυτή σε αυτά. Αυτή η λύση δεν θα οδηγήσει σε απρόβλεπτες συνέπειες όπως στην προηγούμενη επιλογή, και είναι πιο σωστή από ιδεολογική άποψη, αλλά λιγότερο αποτελεσματική από άποψη απόδοσης.

    Αυτή μπορεί να είναι η πιο εύκολη λύση για εφαρμογή.

  • Προεπεξεργαστείτε τα δεδομένα εισόδου με μη αυτόματο τρόπο.

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

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

Κατά τη γνώμη μου, το PEG είναι πιο κατάλληλο ως γεννήτρια ανάλυσης για το Markdown.

Ετικέτες: σχεδιασμός μεταγλωττιστή, μεταγλωττιστές, αναλυτής, επισήμανση, σήμανση, μεταγλώττιση, σήμανση, cms, ανάπτυξη cms, πλαίσιο, προγραμματισμός, προγραμματισμός, γλώσσες προγραμματισμού