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 som Notepad ++, som er dækket af dette Tech Junkie guide , er begunstiget 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åFr eeknappen på denne webside . Tryk derefter påGive lov tilknappen for at bekræfte tilladelser til tilføjelsen.
installation af ringdørklokke uden eksisterende dørklokke
Å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
sluk for arvetilladelser
Indsæt JavaScript-eksemplet i Docs ved at trykke på Ctrl + V. Vælg derefter koden i tekstbehandlingsprogrammet med markøren. KlikTilføjelser>Kode smukog vælgFormatvalgmulighed fra undermenuen. Det vil formatere JavaScript'et som vist i ø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 klikkeTilføjelser>Kode smukogIndstillinger. 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åGratisknappen på denne hjemmeside side 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. KlikTilføjelser>Kodeblokkeog vælgStartfor 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ælgJavaScriptfra den første rullemenu. Så kan du også vælge et tema fraTemaDrop down menu. Tryk påFormatknappen 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 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ælgJavaScriptfra rullemenuen Sprog. Vælg et syntaksfremhævstema fra rullemenuen Tema. Tryk påFremhævknappen 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.
ude af stand til at klikke på startknappen windows 10
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!