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 dette Tech Junkie guide , 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 ulike programmerings- og markup-språ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åFr eeknappen på denne nettsiden . Trykk deretter påTillatefor å bekrefte tillatelser for tillegget.
hvordan du får tilbake lukkede faner
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. KlikkTillegg>Kode penog velgFormatvalgalternativet fra undermenyen. Det vil formatere JavaScript som vist i øyeblikksbildet rett nedenfor.
Windows klassisk tema nedlasting
Som nevnt inkluderer CP ikke mange innstillinger for syntaksutheving. Du kan imidlertid justere skriftstørrelsen til den uthevede koden ved å klikkeTillegg>Kode penogInnstillinger. 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. trykkGratisknappen 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. KlikkTillegg>Kodeblokkerog velgStartfor å å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 utJavaScriptfra den første rullegardinmenyen. Da kan du også velge et tema fraTemanedtrekksmenyen. trykkFormatfor å 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 mange 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 utJavaScriptfra rullegardinmenyen Språk. Velg et syntakstema fra rullegardinmenyen Tema. trykkFremhevefor å 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.
hvor mange mennesker kan være på disney pluss
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 noen andre måter å legge til syntaksformatering i Google Dokumenter? Del dem med oss nedenfor!
