Utvecklare och programmerare har länge använt textredigerare som det primära sättet att mata in datorkod. Vissa utvecklingsmiljöer har sina egna inbyggda editorer, men utvecklare är vanligtvis förtjusta i en editor 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 den mycket lättare att läsa. Textredigerare som Notepad ++, som behandlas i denna Tech Junkie-guide, gynnas av utvecklare av denna anledning. De flesta utvecklare ser inte på Google Docs som en potentiell kodningsredigerare, trots dess fantastiska arbetsgruppsfunktioner och molnintegrering, eftersom den inte inkluderar inbyggda syntaxmarkeringsalternativ.
Du kan dock lägga till syntaxmarkering till kod 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 märkningssprå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. I den här artikeln kommer jag att visa dig hur du lägger till källkodssyntaxmarkering i dina dokument.
Formatera källkoden med Code Pretty
Code Pretty är ett tillägg för Google Docs som automatiskt lägger till markering i 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 syntaxmarkeringsalternativ till Dokument. Du kan lägga till CP till Dokument genom att klicka på Free knappen på denna webbsida. Tryck sedan på Tillåta knappen 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 dess meny. Den menyn kommer nu att innehålla tillägget Code Pretty. För att ge dig ett exempel på hur detta tillägg framhäver syntax, välj och kopiera JavaScript-exemplet nedan till ett Dokument-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 (källa) för en bild.
Tänd ljuset
Släck ljuset
Klistra in det JavaScript-exemplet i Dokument genom att trycka på Ctrl + V. Välj sedan koden i ordbehandlaren med markören. Klick Tillägg >Kod Pretty och välj Formatval alternativ från undermenyn. Det kommer att formatera JavaScript som visas i ögonblicksbilden direkt nedan.
Som sagt innehåller CP inte många inställningar för syntaxmarkering. Du kan dock justera teckenstorleken för den markerade koden genom att klicka Tillägg >Kod Pretty och inställningar. Det öppnar sidofältet som visas direkt nedan. Sedan kan du välja en alternativ standardfontstorlek för den markerade koden därifrån.
Formatera källkoden 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 att markera syntax med eftersom det innehåller många framhävningsteman. tryck på Fri knappen på den här webbsidan för att lägga till kodblock till Dokument.
När du har installerat kodblock, öppna Dokument och kopiera och klistra in samma JavaScript-kod ovan i ordbehandlaren som tidigare. Klick 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. Då kan du också välja ett tema från Tema rullgardinsmenyn. tryck på Formatera knappen för att lägga till syntaxmarkering till koden som visas nedan. Nu är JavaScript-texten mycket tydligare med markeringstaggar markerade.
Kopiera och klistra in markerad källkod i Google Dokument
Bortsett från Code Blocks och Code Pretty Docs kan du också använda syntaxmarkeringswebbappar för att formatera källkod. Sedan kan du kopiera och klistra in den markerade källkoden från en webbapp tillbaka i ditt dokument. Textmate är en webbapp för syntaxmarkering som formaterar många programmerings- och märkningsspråk.
Klicka på denna hyperlänk för att öppna Textmate. Kopiera sedan 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älj JavaScript från rullgardinsmenyn Språk. Välj ett syntaxmarkeringstema från rullgardinsmenyn Tema. tryck på Markera för att få en förhandsvisning av källkodens formatering som visas i ögonblicksbilden direkt nedan.
Välj sedan det markerade JavaScriptet i förhandsgranskningen med markören och tryck på Ctrl + C. Klistra in den markerade koden i Google Dokument genom att trycka på Ctrl + V. Det kommer att lägga till den markerade JavaScript-källkoden till Dokument-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 Dokument-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 Dokument.
Har du några andra sätt att lägga till syntaxformatering i Google Dokument? Dela dem med oss nedan!
