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 redaktører, men udviklere er normalt glade for en editor og holder sig til dette program. En af grundene til dette er, at en god kodningseditor inkluderer syntaksfremhævning, en funktion der formaterer kildekode og tildeler skrifttyper og farver til nøgleord og konstruktioner inden for koden for at gøre det meget lettere at læse. Teksteditorer såsom Notepad ++, som er dækket af dette Tech Junkie guide , foretrækkes af udviklere af denne grund. De fleste udviklere ser ikke på Google Docs som en potentiel kodningseditor på trods af dens fantastiske arbejdsgruppefunktioner og skyintegration, fordi den ikke inkluderer indbyggede muligheder for syntaksfremhævning.
Du kan dog tilføje syntaksfremhævning til kode i Google Doc-dokumenter. Der er faktisk mindst et par tilføjelser til Docs, der giver dig mulighed for at formatere forskellige programmerings- og markup-sprog med syntaksfremhævning. Der er også adskillige webapps, som du kan bruge til at indsætte kildekode med fremhævning i Google Docs. I denne artikel vil jeg vise dig, hvordan du tilføjer kildekodesyntaks fremhævning til dine Docs-dokumenter.
Formater kildekode med Code Pretty
Code Pretty er en tilføjelse til Google Docs, der automatisk tilføjer fremhævning til den valgte kode. Code Pretty inkluderer ikke en enorm mængde indstillinger til tilpasning af syntaksformateringen, men det tilføjer stadig en praktisk syntaksfremhævelsesmulighed til Docs. Du kan føje CP til Docs ved at klikke påFr eeknappen tændt denne webside . Tryk derefter påGive lov tilknappen for at bekræfte tilladelserne til tilføjelsen.
Åbn derefter Docs 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 syntaksen, skal du vælge og kopiere eksemplet på JavaScript-koden 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 (source) -attributten for et billede.
Tænd lyset
Slukke lyset
Indsæt JavaScript-prøven i Docs ved at trykke på Ctrl + V. Vælg derefter koden i tekstbehandleren med markøren. Klik påTilføjelser>Kode smukog vælgValg af formatindstilling fra undermenuen. Det vil formatere JavaScript som vist i øjebliksbillede direkte nedenfor.
hvordan man opretter en anden instagram-konto
Som nævnt inkluderer CP ikke mange indstillinger for syntaksfremhævningen. Du kan dog justere skriftstørrelsen på den fremhævede kode ved at klikke påTilføjelser>Kode smukogIndstillinger. Det åbner sidebjælken vist direkte nedenfor. Derefter kan du vælge en alternativ standard skriftstørrelse for den fremhævede kode derfra.
Formater kildekode 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ævningstemaer. Tryk påLedigknappen tændt denne websideside 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 tekstbehandleren som før. Klik påTilføjelser>Kodeblokkeog vælgStartfor at åbne sidebjælken vist i billedet lige nedenfor.
Vælg kun JavaScript-teksten med din markør. Sørg for, at du ikke markerer noget tomt dokumentområde over eller under koden. VælgJavaScriptfra den første rullemenu. Derefter kan du også vælge et tema fraTemaDrop down menu. Tryk påFormatknap for at tilføje syntaksfremhævningen til koden som vist nedenfor. Nu er JavaScript-teksten meget tydeligere med markeringstags fremhævet.
Kopier og indsæt fremhævet kildekode i Google Docs
Bortset fra kodeblokke og Code Pretty Docs kan du også bruge syntaks-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 syntaks-highlighter-webapp, der formaterer adskillige programmerings- og markup-sprog.
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 hurtigtasterne Ctrl + C og Ctrl + V. VælgJavaScriptfra rullemenuen Sprog. Vælg et syntaks-fremhævningstema i rullemenuen Tema. Tryk påFremhævknap for at få en forhåndsvisning af kildekodens formatering som vist i øjebliksbillede direkte nedenfor.
Vælg derefter det fremhævede JavaScript i eksempelvisningen 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 syntaks fremhævning til software og websteds kode. 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ævning i Google Docs.
Har du andre måder at tilføje syntaksformatering til Google Docs på? Del dem med os nedenfor!