Utviklere og programmerere har lenge brukt tekstredigerere som den primære måten å skrive inn datakode på. Noen utviklingsmiljøer har egne innebygde redaktører, men utviklere er vanligvis glad i én redaktør og holder seg til det programmet. En grunn til dette er at et godt kodingsredigeringsprogram inkluderer syntaksutheving, en funksjon som formaterer kildekode og tildeler fonter og farger til nøkkelord og konstruksjoner i koden for å gjøre den mye lettere å lese. Tekstredigerere som Notepad ++, som er dekket i denne Tech Junkie-guiden, er foretrukket av utviklere av denne grunn. De fleste utviklere ser ikke på Google Docs som en potensiell kodingsredigerer, til tross for dens flotte arbeidsgruppefunksjoner og skyintegrasjon, fordi den ikke inkluderer innebygde syntaksuthevingsalternativer.
Du kan imidlertid legge til syntaksutheving til kode i Google Doc-dokumenter. Det er faktisk minst et par tillegg for Dokumenter som lar deg formatere forskjellige programmerings- og markeringsspråk med syntaksutheving. Det er også mange nettapper som du kan bruke til å sette inn kildekode med utheving i Google Dokumenter. I denne artikkelen vil jeg vise deg hvordan du legger til utheving av kildekodesyntaks i Dokumentene dine.
Formater kildekoden med Code Pretty
Code Pretty er et tillegg for Google Docs som automatisk legger til utheving til valgt kode. Code Pretty inkluderer ikke en stor mengde innstillinger for å tilpasse syntaksformateringen, men den legger fortsatt til et praktisk syntaksuthevingsalternativ til Dokumenter. Du kan legge til CP i Dokumenter ved å klikke på Free knappen på denne nettsiden. Trykk deretter på Tillate for å bekrefte tillatelser for tillegget.
Deretter åpner du Dokumenter i nettleseren din; og klikk på fanen Tillegg for å åpne menyen. Den menyen vil nå inkludere Code Pretty-tillegget. For å gi deg et eksempel på hvordan dette tillegget fremhever syntaks, velg og kopier JavaScript-eksemplet nedenfor til et Dokumenter-dokument ved å trykke Ctrl + C.
Hva kan JavaScript gjøre?
JavaScript kan endre HTML-attributter.
I dette tilfellet endrer JavaScript src (kilde)-attributtet til et bilde.
Slå på lyset
Slå av lyset
Lim inn JavaScript-eksemplet i Dokumenter ved å trykke Ctrl + V. Velg deretter koden i tekstbehandleren med markøren. Klikk Tillegg >Kode pen og velg Formatvalg alternativet fra undermenyen. Det vil formatere JavaScript som vist i øyeblikksbildet rett nedenfor.
Som nevnt inkluderer CP ikke mange innstillinger for syntaksutheving. Du kan imidlertid justere skriftstørrelsen til den uthevede koden ved å klikke Tillegg >Kode pen og Innstillinger. Det vil åpne sidefeltet vist rett nedenfor. Deretter kan du velge en alternativ standard skriftstørrelse for den uthevede koden derfra.
Formater kildekoden med kodeblokker
Code Blocks er et alternativt tillegg til CP som du kan legge til i Docs. Dette er faktisk et litt bedre tillegg å fremheve syntaks med, da det inkluderer en rekke fremhevingstemaer. trykk Gratis knappen på denne nettsiden for å legge til kodeblokker i Dokumenter.
Når du har installert kodeblokker, åpner du Dokumenter og kopierer og limer inn den samme JavaScript-koden ovenfor i tekstbehandleren som før. Klikk Tillegg >Kodeblokker og velg Start for å åpne sidefeltet vist i bildet rett under.
Velg bare JavaScript-teksten med markøren. Pass på at du ikke velger tom dokumentplass over eller under koden. Plukke ut JavaScript fra den første rullegardinmenyen. Da kan du også velge et tema fra Tema nedtrekksmenyen. trykk Format for å legge til syntaksutheving til koden som vist nedenfor. Nå er JavaScript-teksten mye klarere med markup-taggene uthevet.
Kopier og lim inn uthevet kildekode i Google Dokumenter
Bortsett fra Code Blocks og Code Pretty Docs, kan du også bruke syntax highlighter-nettapper for å formatere kildekoden. Deretter kan du kopiere og lime inn den uthevede kildekoden fra en nettapp tilbake i Dokumenter-dokumentet. Textmate er en nettapp for syntaksfremheving som formaterer en rekke programmerings- og markeringsspråk.
Klikk denne hyperkoblingen for å åpne Textmate. Deretter kopierer og limer du inn JavaScript-teksten som er inkludert i dette innlegget i Textmates kildekodeboks med hurtigtastene Ctrl + C og Ctrl + V. Plukke ut JavaScript fra rullegardinmenyen Språk. Velg et syntaksuthevingstema fra rullegardinmenyen Tema. trykk Fremheve for å få en forhåndsvisning av kildekodens formatering som vist i øyeblikksbildet rett nedenfor.
Deretter velger du det uthevede JavaScriptet i forhåndsvisningen med markøren og trykker Ctrl + C. Lim inn den uthevede koden i Google Dokumenter ved å trykke Ctrl + V. Det vil legge til den uthevede JavaScript-kildekoden til Dokumenter-dokumentet som vist rett nedenfor.
Så du trenger ikke en skrivebordstekstredigerer for å legge til syntaksutheving til programvare og nettstedskode. I stedet kan du markere syntakskode i Docs-dokumenter med utvidelsene Code Pretty og Code Blocks. Alternativt kan du kopiere og lime inn koden din til og fra Textmate-nettappen for å sette inn kildekode med utheving i Google Dokumenter.
Har du andre måter å legge til syntaksformatering i Google Dokumenter? Del dem med oss nedenfor!
