Utvecklare och programmerare har länge använt textredigerare som det primära sättet att skriva in datorkod. Vissa utvecklingsmiljöer har sina egna inbyggda redaktörer, men utvecklare är vanligtvis förtjust i 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 typsnitt och färger till nyckelord och konstruerar i koden för att göra det mycket lättare att läsa. Textredigerare som Notepad ++, som behandlas i den här Tech Junkie-guiden, gynnas av utvecklare av detta skäl. De flesta utvecklare ser inte på Google Docs som en potentiell kodningsredigerare, trots dess fantastiska arbetsgruppsfunktioner och molnintegration, eftersom det inte innehåller inbyggda syntaxbelysningsalternativ.
Du kan dock lägga till syntaxmarkering i koden i Google Doc-dokument. Det finns faktiskt åtminstone ett par tillägg för Dokument 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 Dokument. Jag visar hur du lägger till källkodssyntaxmarkering i dina Dokumentdokument.
Formatera källkoden med Code Pretty
Code Pretty är ett tillägg för Google Dokument som automatiskt lägger till markering till vald kod. Code Pretty inkluderar inte en enorm mängd inställningar för att anpassa syntaxformateringen, men det lägger fortfarande till ett praktiskt syntaxmarkeringsalternativ till Docs. Du kan lägga till CP till Docs genom att klicka på Fr ee- knappen på den här webbsidan. Tryck sedan på knappen Tillåt fö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 menyn. Den menyn kommer nu att inkludera tillägget Code Pretty. För att ge dig ett exempel på hur detta tillägg belyser syntax, välj och kopiera provkodens JavaScript-kod nedan i ett Docs-dokument genom att trycka på Ctrl + C.
Vad kan JavaScript göra?
JavaScript kan ändra HTML-attribut.
I detta fall ändrar JavaScript en src (källa) attribut för en bild.
Klistra in det JavaScript-provet i Docs genom att trycka på Ctrl + V. Välj sedan koden i ordbehandlaren med markören. Klicka på Add-ons > Code Pretty och välj alternativet Format Selection i undermenyn. Det kommer att formatera JavaScript som visas i ögonblicksbilden direkt nedan.
Som sagt inkluderar CP inte många inställningar för syntaxmarkering. Du kan emellertid justera teckenstorleken för den markerade koden genom att klicka på Tillägg > Code Pretty och Settings . Det öppnar sidofältet som visas direkt nedan. Sedan kan du välja en alternativ standardtypstorlek för den markerade koden därifrån.
Formatera källkod med kodblock
Code Blocks är ett alternativt tillägg till CP som du kan lägga till i Docs. Detta är faktiskt ett lite bättre tillägg för att markera syntax med eftersom det innehåller många markeringsteman. Tryck på knappen Gratis på denna webbplats för att lägga till kodblock i dokument.
När du har installerat kodblock öppnar du Dokument och kopierar och klistrar in samma JavaScript-kod ovan i ordbehandlaren som tidigare. Klicka på Tillägg > Kodblock och välj Start för att öppna sidofältet som visas i bilden direkt nedan.
Välj bara JavaScript-texten med markören. Se till att du inte väljer något tomt dokumentutrymme ovanför eller under koden. Välj JavaScript från den första rullgardinsmenyn. Sedan kan du också välja ett tema från rullgardinsmenyn Tema . Tryck på Format- knappen för att lägga till syntaxmarkering i koden som visas nedan. Nu är JavaScript-texten mycket tydligare med markeringarna markerade.
Kopiera och klistra in markerad källkod i Google Docs
Bortsett från kodblock och kodvackra dokument kan du också använda syntaxmarkörer för att markera källkoden. Sedan kan du kopiera och klistra in den markerade källkoden från en webbapp tillbaka till ditt Docs-dokument. Textmate är en syntax highlighter-webbapp som formaterar många programmerings- och markeringsspråk.
Klicka på den här hyperlänken för att öppna Textmate. Kopiera och klistra sedan in JavaScript-texten som ingår i det här inlägget i Textmates källkodslåda med snabbtangenterna Ctrl + C och Ctrl + V. Välj JavaScript på rullgardinsmenyn Språk. Välj ett syntaxhöjdstema från rullgardinsmenyn Tema. Tryck på Highlight- knappen för att få en förhandsvisning 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 kommer att lägga till den markerade JavaScript-källkoden till Docs-dokumentet som visas direkt nedan.
Så du behöver inte en skrivbordstextredigerare för att lägga till syntaxmarkering till programvara och webbplatskod. Istället kan du markera syntaxkod i Dokumentdokument med tilläggskodarna Kod och Kodblock. Alternativt kan du kopiera och klistra in din kod till och från Textmate webbapp för att infoga källkod med markering i Google Dokument.
Har du några andra sätt att lägga till syntaxformatering i Google Dokument? Dela dem med oss nedan!
