Hvordan legge til syntaksfremheving til kildekoden i Google Docs

Utviklere og programmerere har lenge brukt tekstredigerere som den primære måten å legge inn datamaskinkode. Noen utviklingsmiljøer har sine 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 kodeditor inkluderer syntaksmarkering, en funksjon som formaterer kildekode og tildeler skrifter og farger til nøkkelord og konstruksjoner i koden for å gjøre det mye lettere å lese. Tekstredigerere som Notepad ++, som er dekket av dette Tech Junkie guide , favoriseres av utviklere av denne grunn. De fleste utviklere ser ikke på Google Docs som en potensiell kodingsredaktør, til tross for de flotte arbeidsgruppefunksjonene og skyintegrasjonen, fordi den ikke inkluderer innebygde alternativer for syntaksutheving.

Du kan imidlertid legge til syntaksmarkering til koden i Google Doc-dokumenter. Det er faktisk minst et par tillegg for Docs som gjør det mulig å formatere forskjellige programmerings- og markeringsspråk med syntaksmarkering. 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 kildekodesyntaksutheving i Docs-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 enorme mengder innstillinger for å tilpasse syntaksformateringen, men det legger likevel til et praktisk syntaksuthevingsalternativ til Docs. Du kan legge til CP i Dokumenter ved å klikke påFr eeknappen på denne websiden . Trykk deretter påTillateknappen for å bekrefte tillatelsene for tillegget.

Deretter åpner du Docs 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 syntaksen, velg og kopier eksemplet på JavaScript-koden nedenfor til et Docs-dokument ved å trykke Ctrl + C.

Hva kan JavaScript gjøre?

JavaScript kan endre HTML-attributter.

I dette tilfellet JavaScript endrer attributtet src (kilde) for et bilde.

Slå på lyset

Slå av lyset

Lim inn JavaScript-eksemplet i Docs ved å trykke Ctrl + V. Velg deretter koden i tekstbehandleren med markøren. KlikkTillegg>Code Prettyog velgFormatvalgalternativ fra undermenyen. Det vil formatere JavaScript som vist på øyeblikksbildet rett nedenfor.

hvordan sette musikk på instagram innlegg

Som nevnt inkluderer CP ikke mange innstillinger for syntaksutheving. Du kan imidlertid justere skriftstørrelsen til den uthevede koden ved å klikkeTillegg>Code PrettyogInnstillinger. Det åpner sidefeltet som vises 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 for å markere syntaksen med, da det inneholder mange uthevingstemaer. trykkGratisknappen på denne nettsiden for å legge til kodeblokker i Docs.

Når du har installert kodeblokker, åpner du Docs og kopierer og limer inn den samme JavaScript-koden ovenfor i tekstbehandleren som før. KlikkTillegg>Kodeblokkerog velgStartfor å åpne sidefeltet vist i bildet rett nedenfor.

Velg bare JavaScript-teksten med markøren. Forsikre deg om at du ikke velger noe tomt dokumentområde over eller under koden. Å velgeJavaScriptfra den første rullegardinmenyen. Deretter kan du også velge et tema fraTemanedtrekksmenyen. trykkFormat-knappen for å legge til syntaksutheving i koden som vist nedenfor. Nå er JavaScript-teksten mye tydeligere med markeringskoder uthevet.

Kopier og lim uthevet kildekode i Google Dokumenter

Bortsett fra kodeblokker og Code Pretty Docs, kan du også bruke syntaks-highlighter-nettapper til å formatere kildekoden. Deretter kan du kopiere og lime inn den uthevede kildekoden fra en webapp tilbake i Docs-dokumentet. Textmate er en syntaks highlighter webapp som formaterer mange programmerings- og markup-språk.

Klikk denne hyperkoblingen for å åpne Textmate. Kopier og lim deretter inn JavaScript-teksten som er inkludert i dette innlegget, i Textmates kildekodeboks med hurtigtastene Ctrl + C og Ctrl + V. Å velgeJavaScriptfra rullegardinmenyen Språk. Velg et syntaks-høydepunktstema fra rullegardinmenyen Tema. trykkFremheve-knappen for å få en forhåndsvisning av kildekodens formatering som vist på stillbildet rett nedenfor.

Deretter velger du det uthevede JavaScript i forhåndsvisningen med markøren og trykker på Ctrl + C. Lim inn den uthevede koden i Google Docs ved å trykke Ctrl + V. Det vil legge den uthevede JavaScript-kildekoden til Docs-dokumentet som vist direkte nedenfor.

Så du trenger ikke et skrivebordsredigeringsprogram for å legge til syntaksutheving i 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 kildekoden med utheving i Google Dokumenter.

Har du noen andre måter å legge til syntaksformatering i Google Dokumenter? Del dem med oss ​​nedenfor!