Utviklere og programmerere har lenge brukt tekstredigerere som den viktigste måten å legge inn datakode. Noen utviklingsmiljøer har egne innebygde redaktører, men utviklere er vanligvis glad i en redaktør og holder seg til det programmet. En årsak til dette er at en god kodingsredigerer inkluderer syntaksutheving, en funksjon som formaterer kildekode og tilordner fonter og farger til nøkkelord og konstruerer i koden for å gjøre det mye enklere å lese. Tekstredaktører som Notepad ++, som dekkes 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 de store arbeidsgruppefunksjonene og skyintegrasjonen, fordi det ikke inkluderer innebygde syntaks-uthevingsalternativer.
Du kan imidlertid legge til syntaksutheving i kode i Google Doc-dokumenter. Det er faktisk minst et par tillegg for Docs som lar deg formatere forskjellige programmerings- og markeringsspråk med syntaksutheving. Det er også mange nettapper du kan bruke til å sette inn kildekode med utheving i Google Dokumenter. Jeg vil vise deg hvordan du kan legge til kildekodesyntaksmarkering i Docs-dokumentene.
Formater kildekoden med Code Pretty
Code Pretty er et tillegg for Google Dokumenter som automatisk legger til utheving i valgt kode. Code Pretty inkluderer ikke en enorm mengde innstillinger for å tilpasse syntaksformateringen, men det legger likevel til et nyttig syntaksuthevingsalternativ til Docs. Du kan legge CP til Docs ved å klikke på Fr ee- knappen på denne siden. Trykk deretter på Tillat- knappen for å bekrefte tillatelser for tillegget.
Deretter åpner du Dokumenter i nettleseren din. og klikk på Tilleggsfanen for å åpne menyen. Denne menyen vil nå inkludere Code Pretty-tillegget. For å gi deg et eksempel på hvordan dette tillegget belyser syntaks, velger du og kopierer prøven JavaScript-koden nedenfor til et Docs-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.
Lim inn JavaScript-prøven i Docs ved å trykke på Ctrl + V. Velg deretter koden i tekstbehandleren med markøren. Klikk på Tillegg > Kode pen og velg alternativet Formatvalg fra undermenyen. Dette vil formatere JavaScript som vist i øyeblikksbildet rett nedenfor.
Som nevnt inkluderer CP ikke mange innstillinger for syntaksutheving. Du kan imidlertid justere skriftstørrelsen på den uthevede koden ved å klikke på Tillegg > Code Pretty og Settings . Det vil åpne sidefeltet som vises rett nedenfor. Deretter kan du velge en alternativ standard skriftstørrelse for den uthevede koden derfra.
Formater kildekoden med kodeblokkene
Code Blocks er et alternativt tillegg til CP som du kan legge til i Docs. Dette er faktisk et litt bedre tillegg til å fremheve syntaks med, da det inkluderer mange uthevingstemaer. Trykk på Gratis- knappen på denne nettsiden for å legge til kodeblokker i dokumenter.
Når du har installert kodeblokker, åpner du Dokumenter og kopierer og limer den samme JavaScript-koden over i tekstbehandleren som før. Klikk på Tillegg > Kodeblokker og velg Start for å åpne sidefeltet som vises i skuddet rett under.
Velg bare JavaScript-teksten med markøren. Forsikre deg om at du ikke velger noe tomt dokumentplass over eller under koden. Velg JavaScript fra den første rullegardinmenyen. Da kan du også velge et tema fra rullegardinmenyen Tema . Trykk på Format- knappen for å legge til syntaksmarkering i koden som vist nedenfor. Nå er JavaScript-teksten mye tydeligere med merkingskoder uthevet.
Kopier og lim inn markert kildekode i Google Dokumenter
Bortsett fra kodeblokker og kode vakre dokumenter, kan du også bruke syntax-markører-nettapper til å formatere kildekoden. Deretter kan du kopiere og lime den uthevede kildekoden fra en web-app tilbake i Docs-dokumentet. Textmate er en syntaks markør-webapp som formaterer mange programmerings- og markeringsspråk.
Klikk på denne hyperkoblingen for å åpne Textmate. Deretter kopierer og limer du JavaScript-teksten som er inkludert i dette innlegget i Textmates kildekodeboks med hurtigtastene Ctrl + C og Ctrl + V. Velg JavaScript fra rullegardinmenyen Språk. Velg et syntakshøydepunkt fra rullegardinmenyen Tema. Trykk på Høydepunkt- knappen for å få en forhåndsvisning av kildekodens formatering som vist i øyeblikksbildet rett nedenfor.
Velg deretter det uthevede JavaScript i forhåndsvisningen med markøren og trykk Ctrl + C. Lim den uthevede koden inn i Google Dokumenter ved å trykke på Ctrl + V. Det vil legge den uthevede JavaScript-kildekoden til Docs-dokumentet som vist direkte nedenfor.
Så du trenger ikke en skrivebordstekstredigerer for å legge til syntaksutheving i programvare og nettstedkode. I stedet kan du utheve syntakskode i Docs-dokumenter med utvidelsene Code Pretty og Code Blocks. Alternativt kan du kopiere og lime inn koden din til og fra Textmate-webappen 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!
