Udviklere og programmerere har længe brugt tekstredaktører som den primære måde at indtaste computerkode. Nogle udviklingsmiljøer har deres egne indbyggede redaktører, men udviklere er normalt glade for en editor og holder sig til det program. En af grundene hertil er, at en god kodningseditor inkluderer syntaksbelysning, en funktion, der formaterer kildekode og tildeler skrifttyper og farver til nøgleord og konstruerer inden for koden for at gøre det meget lettere at læse. Tekstredaktører som Notepad ++, der er dækket af denne Tech Junkie-guide, er foretrukne af udviklere af denne grund. De fleste udviklere ser ikke på Google Docs som en potentiel kodningseditor på trods af dens store arbejdsgruppefunktioner og cloud-integration, fordi det ikke inkluderer indbyggede syntax-fremhævningsmuligheder.
Du kan dog tilføje syntaksbelysning til kode i Google Doc-dokumenter. Der er faktisk mindst et par tilføjelser til dokumenter, der giver dig mulighed for at formatere forskellige programmerings- og markeringssprog med syntaksbelysning. Der er også adskillige webapps, som du kan bruge til at indsætte kildekode med fremhævning i Google Dokumenter. Jeg vil vise dig, hvordan du tilføjer syntaks til kildekodebelysning til dine Docs-dokumenter.
Formater kildekode med Code Pretty
Code Pretty er en tilføjelse til Google Docs, der automatisk tilføjer markering til den valgte kode. Code Pretty inkluderer ikke en enorm mængde indstillinger til tilpasning af syntaksformatering, men det tilføjer stadig en praktisk syntaksudhevningsmulighed til Docs. Du kan tilføje CP til Docs ved at klikke på Fr ee- knappen på denne webside. Tryk derefter på knappen Tillad for at bekræfte tilladelser til tilføjelsen.
Åbn derefter Dokumenter i din browser; og klik på fanen Tilføjelser for at åbne dens menu. Denne menu inkluderer nu tilføjelsen Code Pretty. For at give dig et eksempel på, hvordan denne tilføjelse fremhæver syntaks, skal du vælge og kopiere prøven JavaScript-kode nedenfor til et Docs-dokument ved at trykke på Ctrl + C.
Hvad kan JavaScript gøre?
JavaScript kan ændre HTML-attributter.
I dette tilfælde ændrer JavaScript src (kilde) attribut for et billede.
Indsæt den JavaScript-prøve i Docs ved at trykke på Ctrl + V. Vælg derefter koden i tekstbehandleren med markøren. Klik på Add-ons > Code Pretty og vælg indstillingen Format Selection fra undermenuen. Det vil formatere JavaScript som vist i snapshotet direkte nedenfor.
Som nævnt inkluderer CP ikke mange indstillinger til syntaksbelysning. Du kan dog justere skrifttypestørrelsen på den fremhævede kode ved at klikke på Tilføjelser > Code Pretty og Settings . Det åbner sidepanelet, der vises direkte nedenfor. Derefter kan du vælge en alternativ standardskriftsstørrelse for den fremhævede kode derfra.
Formater kildekode med kodeblokke
Kodeblokke er en alternativ tilføjelse til CP, som du kan tilføje til Dokumenter. Dette er faktisk en lidt bedre tilføjelse til at fremhæve syntaks med, da det inkluderer adskillige fremhævningstemaer. Tryk på knappen Gratis på denne webside for at tilføje kodeblokke til dokumenter.
Når du har installeret kodeblokke, skal du åbne Dokumenter og kopiere og indsætte den samme JavaScript-kode ovenfor i tekstbehandleren som før. Klik på tilføjelser > Kodeblokke og vælg Start for at åbne sidefeltet vist i skuddet direkte nedenfor.
Vælg bare JavaScript-teksten med din markør. Sørg for, at du ikke vælger noget tomt dokumentplads over eller under koden. Vælg JavaScript fra den første rullemenu. Derefter kan du også vælge et tema fra rullemenuen Tema . Tryk på knappen Format for at tilføje syntaksbelysningen til koden som vist nedenfor. Nu er JavaScript-teksten meget klarere med markering af tags markeret.
Kopier og indsæt fremhævet kildekode i Google Dokumenter
Bortset fra kodeblokke og kodede smukke dokumenter kan du også bruge syntax-markører-webapps til at formatere kildekoden. Derefter kan du kopiere og indsætte den fremhævede kildekode fra en webapp tilbage til dit Docs-dokument. Textmate er en syntaks highlighter-webapp, der formaterer adskillige programmerings- og markeringssprog.
Klik på dette hyperlink for at åbne Textmate. Kopier og indsæt derefter JavaScript-teksten, der er inkluderet i dette indlæg, i Textmates kildekodefelt med Ctrl + C og Ctrl + V hurtigtasterne. Vælg JavaScript i rullemenuen Sprog. Vælg et syntaksmarkeringstema fra rullemenuen Tema. Tryk på knappen Fremhæv for at få en forhåndsvisning af kildekodens formatering som vist på snapshotet direkte nedenfor.
Vælg derefter det fremhævede JavaScript i forhåndsvisningen med markøren og tryk på Ctrl + C. Indsæt den fremhævede kode i Google Docs ved at trykke på Ctrl + V. Det tilføjer den fremhævede JavaScript-kildekode til Docs-dokumentet som vist direkte nedenfor.
Så du har ikke brug for en desktop teksteditor for at tilføje syntaksbelysning til software og websteds kode. I stedet kan du fremhæve syntaksekode i Docs-dokumenter med udvidelserne Code Pretty og Code Blocks. Alternativt kan du kopiere og indsætte din kode til og fra Textmate-webappen for at indsætte kildekoden med fremhævning i Google Dokumenter.
Har du andre måder at tilføje syntaksformatering til Google Dokumenter? Del dem med os nedenfor!
