Πώς να προσθέσετε επισήμανση σύνταξης στον πηγαίο κώδικα στα Έγγραφα Google

Οι προγραμματιστές και οι προγραμματιστές χρησιμοποιούν εδώ και καιρό τους επεξεργαστές κειμένου ως τον κύριο τρόπο εισαγωγής κώδικα υπολογιστή. Ορισμένα περιβάλλοντα ανάπτυξης έχουν τους δικούς τους ενσωματωμένους επεξεργαστές, αλλά οι προγραμματιστές συνήθως αγαπούν έναν επεξεργαστή και μένουν σε αυτό το πρόγραμμα. Ένας λόγος για αυτό είναι ότι ένας καλός επεξεργαστής κωδικοποίησης περιλαμβάνει επισήμανση σύνταξης, μια δυνατότητα που μορφοποιεί τον πηγαίο κώδικα και εκχωρεί γραμματοσειρές και χρώματα σε λέξεις-κλειδιά και κατασκευές εντός του κώδικα για να διευκολύνει την ανάγνωση. Οι επεξεργαστές κειμένου όπως το Notepad ++, που καλύπτονται σε αυτόν τον οδηγό Tech Junkie, προτιμώνται από τους προγραμματιστές για αυτόν τον λόγο. Οι περισσότεροι προγραμματιστές δεν βλέπουν τα Έγγραφα Google ως δυνητικό πρόγραμμα επεξεργασίας κωδικοποίησης, παρά τις εξαιρετικές δυνατότητες ομάδας εργασίας και την ενσωμάτωση στο cloud, επειδή δεν περιλαμβάνουν ενσωματωμένες επιλογές επισήμανσης σύνταξης.

Πώς να προσθέσετε επισήμανση σύνταξης στον πηγαίο κώδικα στα Έγγραφα Google

Ωστόσο, μπορείτε να προσθέσετε επισήμανση σύνταξης στον κώδικα σε έγγραφα Google Doc. Υπάρχουν, στην πραγματικότητα, τουλάχιστον μερικά πρόσθετα για Έγγραφα που σας επιτρέπουν να μορφοποιήσετε διάφορες γλώσσες προγραμματισμού και σήμανσης με επισήμανση σύνταξης. Υπάρχουν επίσης πολλές εφαρμογές Ιστού που μπορείτε να χρησιμοποιήσετε για να εισαγάγετε τον πηγαίο κώδικα με επισήμανση στα Έγγραφα Google. Σε αυτό το άρθρο θα σας δείξω πώς να προσθέσετε επισήμανση σύνταξης πηγαίου κώδικα στα έγγραφά σας στα Έγγραφα.

Μορφοποιήστε τον πηγαίο κώδικα με το Code Pretty

Το Code Pretty είναι ένα πρόσθετο για τα Έγγραφα Google που προσθέτει αυτόματα επισήμανση στον επιλεγμένο κώδικα. Το Code Pretty δεν περιλαμβάνει τεράστιο αριθμό ρυθμίσεων για την προσαρμογή της μορφοποίησης σύνταξης, αλλά εξακολουθεί να προσθέτει μια εύχρηστη επιλογή επισήμανσης σύνταξης στα Έγγραφα. Μπορείτε να προσθέσετε CP στα Έγγραφα κάνοντας κλικ στο Ο πεε κουμπί σε αυτήν την ιστοσελίδα. Στη συνέχεια πατήστε το Επιτρέπω κουμπί για να επιβεβαιώσετε τα δικαιώματα για το πρόσθετο.

Στη συνέχεια, ανοίξτε τα Έγγραφα στο πρόγραμμα περιήγησής σας. και κάντε κλικ στην καρτέλα Πρόσθετα για να ανοίξετε το μενού της. Αυτό το μενού θα περιλαμβάνει πλέον το πρόσθετο Code Pretty. Για να σας δώσουμε ένα παράδειγμα του τρόπου με τον οποίο αυτό το πρόσθετο επισημαίνει τη σύνταξη, επιλέξτε και αντιγράψτε το δείγμα κώδικα JavaScript παρακάτω σε ένα έγγραφο Docs πατώντας Ctrl + C.

Τι μπορεί να κάνει η JavaScript;

Η JavaScript μπορεί να αλλάξει τα χαρακτηριστικά HTML.

Σε αυτήν την περίπτωση η JavaScript αλλάζει το χαρακτηριστικό src (source) μιας εικόνας.

Αναψε το φως

Κλείσε το φως

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

Όπως αναφέρθηκε, το CP δεν περιλαμβάνει πολλές ρυθμίσεις για την επισήμανση σύνταξης. Ωστόσο, μπορείτε να προσαρμόσετε το μέγεθος της γραμματοσειράς του επισημασμένου κώδικα κάνοντας κλικ Πρόσθετα >Κωδικός Pretty και Ρυθμίσεις. Αυτό θα ανοίξει την πλαϊνή γραμμή που φαίνεται ακριβώς παρακάτω. Στη συνέχεια, μπορείτε να επιλέξετε ένα εναλλακτικό προεπιλεγμένο μέγεθος γραμματοσειράς για τον επισημασμένο κώδικα από εκεί.

Μορφοποιήστε τον πηγαίο κώδικα με μπλοκ κώδικα

Το Code Blocks είναι ένα εναλλακτικό πρόσθετο στο CP που μπορείτε να προσθέσετε στα Έγγραφα. Αυτό είναι στην πραγματικότητα ένα ελαφρώς καλύτερο πρόσθετο για την επισήμανση της σύνταξης καθώς περιλαμβάνει πολλά θέματα επισήμανσης. Πάτα το Ελεύθερος κουμπί σε αυτήν τη σελίδα ιστότοπου για να προσθέσετε Μπλοκ κώδικα στα Έγγραφα.

Όταν έχετε εγκαταστήσει Code Blocks, ανοίξτε τα Έγγραφα και αντιγράψτε και επικολλήστε τον ίδιο κώδικα JavaScript παραπάνω στον επεξεργαστή κειμένου όπως πριν. Κάντε κλικ Πρόσθετα >Μπλοκ κωδικών και επιλέξτε Αρχή για να ανοίξετε την πλαϊνή μπάρα που φαίνεται στο πλάνο ακριβώς παρακάτω.

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

Αντιγράψτε και επικολλήστε τον επισημασμένο πηγαίο κώδικα στα Έγγραφα Google

Εκτός από το Code Blocks και τα Code Pretty Docs, μπορείτε επίσης να χρησιμοποιήσετε εφαρμογές web με επισήμανση σύνταξης για να μορφοποιήσετε τον πηγαίο κώδικα. Στη συνέχεια, μπορείτε να αντιγράψετε και να επικολλήσετε τον επισημασμένο πηγαίο κώδικα από μια εφαρμογή Ιστού ξανά στο έγγραφό σας στα Έγγραφα. Το Textmate είναι μια εφαρμογή ιστού επισήμανσης σύνταξης που μορφοποιεί πολλές γλώσσες προγραμματισμού και σήμανσης.

Κάντε κλικ σε αυτόν τον υπερσύνδεσμο για να ανοίξετε το Textmate. Στη συνέχεια, αντιγράψτε και επικολλήστε το κείμενο JavaScript που περιλαμβάνεται σε αυτήν την ανάρτηση στο πλαίσιο πηγαίου κώδικα του Textmate με τα πλήκτρα πρόσβασης Ctrl + C και Ctrl + V. Επιλέγω JavaScript από το αναπτυσσόμενο μενού Γλώσσα. Επιλέξτε ένα θέμα επισήμανσης σύνταξης από το αναπτυσσόμενο μενού Θέμα. Πάτα το Αποκορύφωμα κουμπί για να λάβετε μια προεπισκόπηση για τη μορφοποίηση του πηγαίου κώδικα όπως φαίνεται στο στιγμιότυπο ακριβώς παρακάτω.

Στη συνέχεια, επιλέξτε το επισημασμένο JavaScript στην προεπισκόπηση με τον κέρσορα και πατήστε Ctrl + C. Επικολλήστε τον επισημασμένο κώδικα στα Έγγραφα Google πατώντας Ctrl + V. Αυτό θα προσθέσει τον επισημασμένο πηγαίο κώδικα JavaScript στο έγγραφο των Εγγράφων όπως φαίνεται ακριβώς παρακάτω.

Επομένως, δεν χρειάζεστε ένα πρόγραμμα επεξεργασίας κειμένου επιφάνειας εργασίας για να προσθέσετε επισήμανση σύνταξης σε λογισμικό και κώδικα ιστότοπου. Αντίθετα, μπορείτε να επισημάνετε τον συντακτικό κώδικα στα έγγραφα των Εγγράφων με τις επεκτάσεις Code Pretty και Code Blocks. Εναλλακτικά, αντιγράψτε και επικολλήστε τον κώδικά σας προς και από την εφαρμογή web Textmate για να εισαγάγετε τον πηγαίο κώδικα με επισήμανση στα Έγγραφα Google.

Έχετε άλλους τρόπους για να προσθέσετε μορφοποίηση σύνταξης στα Έγγραφα Google; Μοιραστείτε τα μαζί μας παρακάτω!