Vigtigste Enheder Sådan tilføjes syntaksfremhævning til kildekoden i Google Docs

Sådan tilføjes syntaksfremhævning til kildekoden i Google Docs



Udviklere og programmører har længe brugt teksteditorer som den primære måde at indtaste computerkode på. Nogle udviklingsmiljøer har deres egne indbyggede editorer, men udviklere er normalt glade for én editor og holder sig til det program. En grund til dette er, at en god kodningseditor inkluderer syntaksfremhævning, en funktion, der formaterer kildekoden og tildeler skrifttyper og farver til nøgleord og konstruktioner i koden for at gøre den meget nemmere at læse. Teksteditorer som Notepad ++, som er dækket af dette Tech Junkie guide , er begunstiget af udviklere af denne grund. De fleste udviklere ser ikke på Google Docs som værende en potentiel kodningseditor, på trods af dens fantastiske arbejdsgruppefunktioner og cloud-integration, fordi den ikke inkluderer indbyggede syntaksfremhævningsmuligheder.

Sådan tilføjes syntaksfremhævning til kildekoden i Google Docs

Du kan dog tilføje syntaksfremhævning til kode i Google Doc-dokumenter. Der er faktisk i det mindste et par tilføjelser til Docs, der sætter dig i stand til at formatere forskellige programmerings- og markupsprog med syntaksfremhævning. Der er også adskillige webapps, som du kan bruge til at indsætte kildekode med fremhævelse i Google Docs. I denne artikel vil jeg vise dig, hvordan du tilføjer kildekodesyntaksfremhævning til dine Docs-dokumenter.

Formater kildekoden med Code Pretty

Code Pretty er en tilføjelse til Google Docs, der automatisk tilføjer fremhævelse til valgt kode. Code Pretty inkluderer ikke en enorm mængde indstillinger til tilpasning af syntaksformateringen, men den tilføjer stadig en praktisk syntaksfremhævningsmulighed til Docs. Du kan tilføje CP til Docs ved at klikke påFr eeknappen på denne webside . Tryk derefter påGive lov tilknappen for at bekræfte tilladelser til tilføjelsen.

installation af ringdørklokke uden eksisterende dørklokke

Åbn derefter Docs i din browser; og klik på fanen Tilføjelser for at åbne dens menu. Denne menu vil nu indeholde Code Pretty-tilføjelsen. For at give dig et eksempel på, hvordan denne tilføjelse fremhæver syntaks, skal du vælge og kopiere JavaScript-eksemplet nedenfor til et Docs-dokument ved at trykke på Ctrl + C.



Hvad kan JavaScript gøre?

JavaScript kan ændre HTML-attributter.

I dette tilfælde ændrer JavaScript src (kilde) attributten for et billede.

Tænd lyset

Slukke lyset


sluk for arvetilladelser

Indsæt JavaScript-eksemplet i Docs ved at trykke på Ctrl + V. Vælg derefter koden i tekstbehandlingsprogrammet med markøren. KlikTilføjelser>Kode smukog vælgFormatvalgmulighed fra undermenuen. Det vil formatere JavaScript'et som vist i øjebliksbilledet direkte nedenfor.

Som nævnt inkluderer CP ikke mange indstillinger for syntaksfremhævning. Du kan dog justere skriftstørrelsen på den fremhævede kode ved at klikkeTilføjelser>Kode smukogIndstillinger. Det vil åbne sidebjælken vist direkte nedenfor. Derefter kan du vælge en alternativ standardskriftstørrelse for den fremhævede kode.

Formater kildekoden med kodeblokke

Code Blocks er en alternativ tilføjelse til CP, som du kan tilføje til Docs. Dette er faktisk en lidt bedre tilføjelse til at fremhæve syntaks med, da den indeholder adskillige fremhævede temaer. Tryk påGratisknappen på denne hjemmeside side for at tilføje kodeblokke til Docs.

Når du har installeret kodeblokke, skal du åbne Docs og kopiere og indsætte den samme JavaScript-kode ovenfor i tekstbehandlingsprogrammet som før. KlikTilføjelser>Kodeblokkeog vælgStartfor at åbne sidebjælken vist i billedet direkte nedenfor.

Vælg kun JavaScript-teksten med din markør. Sørg for, at du ikke vælger et tomt dokumentrum over eller under koden. VælgJavaScriptfra den første rullemenu. Så kan du også vælge et tema fraTemaDrop down menu. Tryk påFormatknappen for at tilføje syntaksfremhævningen til koden som vist nedenfor. Nu er JavaScript-teksten meget klarere med dens markup-tags fremhævet.

Kopiér og indsæt fremhævet kildekode i Google Docs

Bortset fra Code Blocks og Code Pretty Docs, kan du også bruge syntax highlighter-webapps til at formatere kildekoden. Derefter kan du kopiere og indsætte den fremhævede kildekode fra en webapp tilbage i dit Docs-dokument. Textmate er en webapp til syntaksfremhævning, der formaterer adskillige programmerings- og markeringssprog.

Klik dette hyperlink for at åbne Textmate. Kopier og indsæt derefter JavaScript-teksten inkluderet i dette indlæg i Textmates kildekodeboks med Ctrl + C og Ctrl + V genvejstaster. VælgJavaScriptfra rullemenuen Sprog. Vælg et syntaksfremhævstema fra rullemenuen Tema. Tryk påFremhævknappen for at få en forhåndsvisning af kildekodens formatering som vist på øjebliksbilledet direkte nedenfor.

Vælg derefter det fremhævede JavaScript i forhåndsvisningen med markøren og tryk på Ctrl + C. Indsæt den fremhævede kode i Google Docs ved at trykke på Ctrl + V. Det vil tilføje den fremhævede JavaScript-kildekode til Docs-dokumentet som vist direkte nedenfor.

ude af stand til at klikke på startknappen windows 10

Så du behøver ikke en desktop-teksteditor for at tilføje syntaksfremhævning til software og webstedskode. I stedet kan du fremhæve syntakskode i Docs-dokumenter med udvidelserne Code Pretty og Code Blocks. Alternativt kan du kopiere og indsætte din kode til og fra Textmate-webappen for at indsætte kildekode med fremhævelse i Google Docs.

Har du andre måder at tilføje syntaksformatering til Google Docs? Del dem med os nedenfor!

Interessante Artikler

Redaktørens Valg

A Way Out anmeldelse: EAs fængselsdrama slipper aldrig helt fri fra skinnerne
A Way Out anmeldelse: EAs fængselsdrama slipper aldrig helt fri fra skinnerne
Sofa-baserede multiplayer-spil er gået af mode i de senere år. Så har spil, hvor historien kan spilles med venner. A Way Out - fængselseventyret fra skaberne af Brothers: A Tale of Two Sons -
Anvend gruppepolitik på en bestemt bruger i Windows 10
Anvend gruppepolitik på en bestemt bruger i Windows 10
Det er muligt at anvende gruppepolitikindstillinger på en bestemt bruger eller gruppe i Windows 10 ved hjælp af GUI. Du kan bruge den til at anvende nogle begrænsninger og standard.
Sådan viser du Windows-skrivebordet på et tv ved hjælp af Chromecast
Sådan viser du Windows-skrivebordet på et tv ved hjælp af Chromecast
Sådan bruger du Chrome-browseren og en Chromecast-dongle til at se din computers indhold på dit fjernsyn.
Tag Archives: Firefox til Windows Vista
Tag Archives: Firefox til Windows Vista
Hvorfor dukker Tilføj ven ikke op på Facebook?
Hvorfor dukker Tilføj ven ikke op på Facebook?
Er du stødt på et kendt ansigt på Facebook, men enten kan du ikke finde knappen Tilføj ven, eller også er den nedtonet? Hvis ja, så fortvivl ikke; du er ikke den eneste. Ikke at kunne tilføje
Hackere bruger Google Play Store-apps til at hemmeligholde kryptovaluta på din Android-telefon
Hackere bruger Google Play Store-apps til at hemmeligholde kryptovaluta på din Android-telefon
19 Android-apps, der i hemmelighed udvinder kryptokurrency Monero, blev for nylig opdaget i Google Play Butik, ifølge sikkerhedsfirmaet Sophos. Sikkerhedsfirmaet har offentliggjort en rapport på 13 sider, der fremhæver, at den fandt apps, der indeholder indlejret CoinHive-baseret
Amazon, Netflix og PornHub forbinder arme i netneutralitetskamp
Amazon, Netflix og PornHub forbinder arme i netneutralitetskamp
Teknologigiganter, der spænder fra sociale netværk til pornosider, samles i dag omkring en handlingsdag til fordel for netneutralitet i USA og ændrer deres forsider fem dage før den foreslåede handling til jettison-regler, der i øjeblikket understøtter