MediumEditor - Εργαλειοθήκη επεξεργασίας κειμένου Inline για τον Ιστό

Ολοι γνωρίζουν Medium.com και την άγρια ​​δημοφιλή πλατφόρμα blogging τους. Αυτοί επαναπροσδιόρισαν πολλές ιδέες στον κόσμο του σχεδιασμού και μπορείτε να βρείτε πολλά μαθήματα που σας διδάσκουν πώς να κλωνοποιήσετε τα σχέδιά τους.

Ένα εργαλείο ίσως σας αρέσει είναι το MediumEditor plugin με βάση το καθαρό JavaScript. Σας επιτρέπει προσθέστε ένα προσαρμοσμένο επεξεργαστή κειμένου σε οποιαδήποτε σελίδα του ίδιου σχεδιασμού με τον ιστοτόπο του Medium blog. Έτσι, μπορείτε να αφήσετε τους αναγνώστες με τολμηρούς χαρακτήρες, να προσθέσετε γραμματοσειρές, να προσθέσετε συνδέσμους, επικεφαλίδες και σχεδόν οτιδήποτε άλλο, με μια απλή οπτική γραμμή εργαλείων.

Σημειώστε ότι αυτό το έργο δεν συνδέεται με το Medium με κανέναν τρόπο έτσι είναι όχι ένα επίσημο plugin.

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

Ο εκδότης λειτουργεί σε όλα τα μεγάλα προγράμματα περιήγησης, συμπεριλαμβανομένης της τρέχουσας έκδοσης του Microsoft Edge και του IE. Υποστηρίζει ακόμη παλαιότερες εκδόσεις του Internet Explorer, που χρονολογούνται από τον IE7. Τρελός!

Η εγκατάσταση είναι μια αύρα όπου μπορείτε τραβήξτε όλα τα αρχεία άμεσα μέσω npm ή Bower, ή ακόμα και χρησιμοποιήστε ένα δωρεάν ηλεκτρονικό CDN όπως το JSDelivr.

Στη συνέχεια, θα το κάνετεdd και τα αρχεία CSS και JavaScript στην κεφαλίδα του ιστοτόπου σας. Πανεύκολο.

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

 var editor = νέο MediumEditor ('editable'); 

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

Πιθανώς η πιο πρακτική χρήση αυτού του plugin είναι να δημιουργήστε κάποιο τύπο επεξεργαστή WYSIWYG για μια εφαρμογή ιστού.

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

Αν μεταβείτε στο κάτω μέρος της επίδειξης του MediumEditor, θα βρείτε ένα λίστα των επεκτάσεων μπορείτε να δοκιμάσετε επίσης. Αυτά περιλαμβάνουν Πλήρης επεξεργασία σήμανσης, μαζί με Κουμπιά μεσαίου στυλ και άλλα χαρακτηριστικά διεπαφής.

Αυτό το plugin είναι ιδιαίτερα χρήσιμο για όλους τους φίλους του Medium που θέλουν αναπαράγουν μερικά από τα UX τους σε ένα άλλο έργο.