Utvecklare och programmerare har länge använt textredigerare som det primära sättet att ange datorkod. Vissa utvecklingsmiljöer har sina egna inbyggda redaktörer, men utvecklare tycker vanligtvis om en redaktör och håller sig till det programmet. En anledning till detta är att en bra kodningsredigerare inkluderar syntaxmarkering, en funktion som formaterar källkod och tilldelar teckensnitt och färger till nyckelord och konstruktioner i koden för att göra det mycket lättare att läsa. Textredigerare som Notepad ++, som omfattas av detta Tech Junkie guide , gynnas av utvecklare av denna anledning. De flesta utvecklare ser inte på Google Docs som en potentiell kodredigerare, trots dess fantastiska arbetsgruppsfunktioner och molnintegration, eftersom den inte innehåller inbyggda alternativ för syntaxmarkering.
Du kan dock lägga till syntaxmarkering till koden i Google Doc-dokument. Det finns faktiskt åtminstone ett par tillägg för Docs som gör att du kan formatera olika programmerings- och markeringsspråk med syntaxmarkering. Det finns också många webbappar som du kan använda för att infoga källkod med markering i Google Docs. I den här artikeln kommer jag att visa dig hur du lägger till källkodssyntaxmarkering i dina Docs-dokument.
Formatera källkod med Code Pretty
Code Pretty är ett tillägg för Google Docs som automatiskt lägger till markering till vald kod. Code Pretty innehåller inte en enorm mängd inställningar för att anpassa syntaxformateringen, men det lägger fortfarande till ett praktiskt alternativ för syntaxmarkering i Docs. Du kan lägga till CP i Dokument genom att klicka påFr eeknappen på denna webbsida . Tryck sedan påTillåtaför att bekräfta behörigheter för tillägget.
Öppna sedan Dokument i din webbläsare; och klicka på fliken Tillägg för att öppna dess meny. Den menyn innehåller nu tillägget Code Pretty. För att ge dig ett exempel på hur detta tillägg belyser syntaxen, välj och kopiera JavaScript-koden nedan till ett Docs-dokument genom att trycka på Ctrl + C.
Vad kan JavaScript göra?
JavaScript kan ändra HTML-attribut.
I det här fallet ändrar JavaScript attributet src (source) för en bild.
Tänd ljuset
Släck ljuset
Klistra in JavaScript-exemplet i Docs genom att trycka på Ctrl + V. Markera sedan koden i ordbehandlaren med markören. KlickTillägg>Kod ganskaoch väljFormatvalalternativ från undermenyn. Det formaterar JavaScript som visas i ögonblicksbilden direkt nedan.
hur man blockerar någon på facebooks affärssida
Som nämnts innehåller CP inte många inställningar för syntaxmarkeringen. Du kan dock justera teckenstorleken för den markerade koden genom att klicka påTillägg>Kod ganskaochinställningar. Det öppnar sidofältet som visas direkt nedan. Sedan kan du välja en alternativ standardstorlek för den markerade koden därifrån.
Formatera källkod med kodblock
Kodblock är ett alternativt tillägg till CP som du kan lägga till i Dokument. Det här är faktiskt ett lite bättre tillägg för att markera syntax med eftersom det innehåller många belysningsteman. tryck påFriknappen på denna webbplats sida för att lägga till kodblock i Docs.
När du har installerat kodblock öppnar du Docs och kopierar och klistrar in samma JavaScript-kod ovan i ordbehandlaren som tidigare. KlickTillägg>Kodblockoch väljStartför att öppna sidofältet som visas i bilden direkt nedanför.
Välj bara JavaScript-texten med markören. Se till att du inte markerar något tomt dokumentutrymme ovanför eller under koden. VäljJavaScriptfrån den första rullgardinsmenyn. Sedan kan du också välja ett tema frånTemarullgardinsmenyn. tryck påFormatera-knappen för att lägga till syntaxmarkeringen i koden enligt nedan. Nu är JavaScript-texten mycket tydligare med markeringstaggar markerade.
Kopiera och klistra in markerad källkod i Google Docs
Bortsett från kodblock och Code Pretty Docs kan du också använda syntaxmarkeringswebappar för att formatera källkod. Sedan kan du kopiera och klistra in den markerade källkoden från en webbapp tillbaka i ditt Docs-dokument. Textmate är en syntaxmarkeringswebapp som formaterar många programmerings- och markeringsspråk.
Klick den här hyperlänken för att öppna Textmate. Kopiera och klistra in JavaScript-texten som ingår i det här inlägget i Textmates källkodsruta med snabbtangenterna Ctrl + C och Ctrl + V. VäljJavaScriptfrån rullgardinsmenyn Språk. Välj ett syntaxmarkeringstema i rullgardinsmenyn Tema. tryck påMarkeraknappen för att få en förhandsgranskning av källkodens formatering som visas i ögonblicksbilden direkt nedan.
Välj sedan det markerade JavaScript i förhandsgranskningen med markören och tryck på Ctrl + C. Klistra in den markerade koden i Google Docs genom att trycka på Ctrl + V. Det lägger till den markerade JavaScript-källkoden i Docs-dokumentet som visas direkt nedan.
Så du behöver inte en textredigerare på skrivbordet för att lägga till syntaxmarkering till programvara och webbplatskod. Istället kan du markera syntaxkod i Docs-dokument med tilläggen Code Pretty och Code Blocks. Alternativt kan du kopiera och klistra in din kod till och från Textmate-webbappen för att infoga källkod med markering i Google Docs.
Har du andra sätt att lägga till syntaxformatering i Google Dokument? Dela dem med oss nedan!