Udviklere og programmører har længe brugt teksteditorer som den primære måde at indtaste computerkode på. Nogle udviklingsmiljøer har deres egne indbyggede editorer, men udviklere er normalt glade for én editor og holder sig til det program. En grund til dette er, at en god kodningseditor inkluderer syntaksfremhævning, en funktion, der formaterer kildekoden og tildeler skrifttyper og farver til nøgleord og konstruktioner i koden for at gøre den meget nemmere at læse. Teksteditorer såsom Notepad ++, som er dækket af denne Tech Junkie-guide, foretrækkes af udviklere af denne grund. De fleste udviklere ser ikke på Google Docs som værende en potentiel kodningseditor, på trods af dens fantastiske arbejdsgruppefunktioner og cloud-integration, fordi den ikke inkluderer indbyggede syntaksfremhævningsmuligheder.
Du kan dog tilføje syntaksfremhævning til kode i Google Doc-dokumenter. Der er faktisk i det mindste et par tilføjelser til Docs, der sætter dig i stand til at formatere forskellige programmerings- og markupsprog med syntaksfremhævning. Der er også adskillige webapps, som du kan bruge til at indsætte kildekode med fremhævelse i Google Docs. I denne artikel vil jeg vise dig, hvordan du tilføjer kildekodesyntaksfremhævning til dine Docs-dokumenter.
Formater kildekoden med Code Pretty
Code Pretty er en tilføjelse til Google Docs, der automatisk tilføjer fremhævelse til valgt kode. Code Pretty inkluderer ikke en enorm mængde indstillinger til tilpasning af syntaksformateringen, men den tilføjer stadig en praktisk syntaksfremhævningsmulighed til Docs. Du kan tilføje CP til Docs ved at klikke på Free knappen på denne webside. Tryk derefter på Give lov til knappen for at bekræfte tilladelser til tilføjelsen.
Åbn derefter Docs i din browser; og klik på fanen Tilføjelser for at åbne dens menu. Denne menu vil nu indeholde Code Pretty-tilføjelsen. For at give dig et eksempel på, hvordan denne tilføjelse fremhæver syntaks, skal du vælge og kopiere JavaScript-eksemplet 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) attributten for et billede.
Tænd lyset
Slukke lyset
Indsæt JavaScript-eksemplet i Docs ved at trykke på Ctrl + V. Vælg derefter koden i tekstbehandlingsprogrammet med markøren. Klik Tilføjelser >Kode smuk og vælg Formatvalg mulighed fra undermenuen. Det vil formatere JavaScript'et som vist på øjebliksbilledet direkte nedenfor.
Som nævnt inkluderer CP ikke mange indstillinger for syntaksfremhævning. Du kan dog justere skriftstørrelsen på den fremhævede kode ved at klikke Tilføjelser >Kode smuk og Indstillinger. Det vil åbne sidebjælken vist direkte nedenfor. Derefter kan du vælge en alternativ standardskriftstørrelse for den fremhævede kode.
Formater kildekoden med kodeblokke
Code Blocks er en alternativ tilføjelse til CP, som du kan tilføje til Docs. Dette er faktisk en lidt bedre tilføjelse til at fremhæve syntaks med, da den indeholder adskillige fremhævede temaer. Tryk på Gratis knappen på denne hjemmeside for at tilføje kodeblokke til Docs.
Når du har installeret kodeblokke, skal du åbne Docs og kopiere og indsætte den samme JavaScript-kode ovenfor i tekstbehandlingsprogrammet som før. Klik Tilføjelser >Kodeblokke og vælg Start for at åbne sidebjælken vist i billedet direkte nedenfor.
Vælg kun JavaScript-teksten med din markør. Sørg for, at du ikke vælger et tomt dokumentrum over eller under koden. Vælg JavaScript fra den første rullemenu. Så kan du også vælge et tema fra Tema Drop down menu. Tryk på Format knappen for at tilføje syntaksfremhævningen til koden som vist nedenfor. Nu er JavaScript-teksten meget klarere med dens markup-tags fremhævet.
Kopiér og indsæt fremhævet kildekode i Google Docs
Bortset fra Code Blocks og Code Pretty Docs, kan du også bruge syntax highlighter-webapps til at formatere kildekoden. Derefter kan du kopiere og indsætte den fremhævede kildekode fra en webapp tilbage i dit Docs-dokument. Textmate er en webapp til syntaksfremhævning, der formaterer adskillige programmerings- og markeringssprog.
Klik på dette hyperlink for at åbne Textmate. Kopier og indsæt derefter JavaScript-teksten inkluderet i dette indlæg i Textmates kildekodeboks med Ctrl + C og Ctrl + V genvejstaster. Vælg JavaScript fra rullemenuen Sprog. Vælg et syntaksfremhævstema fra rullemenuen Tema. Tryk på Fremhæv knappen for at få en forhåndsvisning af kildekodens formatering som vist på øjebliksbilledet 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 vil tilføje den fremhævede JavaScript-kildekode til Docs-dokumentet som vist direkte nedenfor.
Så du behøver ikke en desktop-teksteditor for at tilføje syntaksfremhævning til software og webstedskode. I stedet kan du fremhæve syntakskode 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 kildekode med fremhævelse i Google Docs.
Har du andre måder at tilføje syntaksformatering til Google Docs? Del dem med os nedenfor!
