Szintaxiskiemelés hozzáadása a forráskódhoz a Google Dokumentumokban

A fejlesztők és programozók régóta a szövegszerkesztőket használják a számítógépes kód bevitelének elsődleges módjaként. Egyes fejlesztői környezetek saját beépített szerkesztőkkel rendelkeznek, de a fejlesztők általában egy szerkesztőt szeretnek, és ragaszkodnak ehhez a programhoz. Ennek egyik oka az, hogy egy jó kódszerkesztő tartalmaz szintaktikai kiemelést, amely formázza a forráskódot, és betűtípusokat és színeket rendel a kulcsszavakhoz, valamint a kódon belüli konstrukciókat, hogy megkönnyítse az olvasást. A jelen Tech Junkie útmutatóban tárgyalt szövegszerkesztőket, például a Notepad ++-t, a fejlesztők ezért kedvelik. A legtöbb fejlesztő nem tekinti a Google Dokumentumokat potenciális kódszerkesztőnek, annak ellenére, hogy nagyszerű munkacsoport-szolgáltatásai és felhőintegrációja van, mivel nem tartalmaz beépített szintaxiskiemelési lehetőségeket.

Szintaxiskiemelés hozzáadása a forráskódhoz a Google Dokumentumokban

A Google Doc dokumentumokban azonban szintaktikai kiemelést adhat a kódhoz. Valójában van legalább néhány olyan kiegészítő a Dokumentumokhoz, amelyek lehetővé teszik a különböző programozási és jelölőnyelvek szintaktikai kiemeléssel történő formázását. Számos webalkalmazás is létezik, amelyek segítségével kiemeléssel illesztheti be a forráskódot a Google Dokumentumokba. Ebben a cikkben bemutatom, hogyan adhat hozzá forráskód szintaxiskiemelést a Dokumentumok dokumentumaihoz.

Formázza a forráskódot a Code Pretty segítségével

A Code Pretty a Google Dokumentumok kiegészítője, amely automatikusan kiemeli a kiválasztott kódot. A Code Pretty nem tartalmaz hatalmas mennyiségű beállítást a szintaxis formázásának testreszabásához, de praktikus szintaxiskiemelési lehetőséget ad a Dokumentumokhoz. CP-t hozzáadhat a Dokumentumokhoz a gombra kattintva Free gombot ezen a weboldalon. Ezután nyomja meg a Lehetővé teszi gombot a bővítmény engedélyeinek megerősítéséhez.

Ezután nyissa meg a Dokumentumokat a böngészőjében; és kattintson a Kiegészítők fülre a menü megnyitásához. Ez a menü mostantól tartalmazza a Code Pretty kiegészítőt. Ha példát szeretne mutatni arra, hogy ez a bővítmény hogyan emeli ki a szintaxist, válassza ki és másolja be az alábbi JavaScript-kód mintát egy Dokumentumok dokumentumba a Ctrl + C billentyűkombináció megnyomásával.

Mit tehet a JavaScript?

A JavaScript képes megváltoztatni a HTML attribútumokat.

Ebben az esetben a JavaScript megváltoztatja a kép src (forrás) attribútumait.

Kapcsolja fel a villanyt

Kapcsolja le a villanyt

Illessze be a JavaScript-mintát a Dokumentumokba a Ctrl + V billentyűkombináció megnyomásával. Ezután válassza ki a kódot a szövegszerkesztőben a kurzorral. Kattintson Kiegészítők >Code Pretty és válassza ki a Formátum kiválasztása opciót az almenüből. Ez formázza a JavaScriptet a közvetlenül az alábbi pillanatképen látható módon.

Mint már említettük, a CP nem tartalmaz sok beállítást a szintaxis kiemeléséhez. Kattintással azonban módosíthatja a kiemelt kód betűméretét Kiegészítők >Code Pretty és Beállítások. Ezzel megnyílik a közvetlenül lent látható oldalsáv. Ezután onnan választhat egy alternatív alapértelmezett betűméretet a kiemelt kódhoz.

Formázza a forráskódot kódblokkokkal

A Code Blocks egy alternatív kiegészítő a CP-hez, amelyet hozzáadhat a Dokumentumokhoz. Ez valójában egy kicsit jobb kiegészítő a szintaxis kiemelésére, mivel számos kiemelő témát tartalmaz. megnyomni a Ingyenes gombot ezen a weboldalon, hogy kódblokkokat adjon a Dokumentumokhoz.

A Code Blocks telepítése után nyissa meg a Dokumentumokat, és másolja be a fenti JavaScript-kódot a szövegszerkesztőbe, mint korábban. Kattintson Kiegészítők >Kódblokkok és válassza ki Rajt a közvetlenül alatta lévő felvételen látható oldalsáv megnyitásához.

Csak a JavaScript szöveget válassza ki a kurzorral. Ügyeljen arra, hogy ne jelöljön ki üres dokumentumterületet a kód felett vagy alatt. Válassza ki JavaScript az első legördülő menüből. Ezután kiválaszthat egy témát a Téma legördülő menü. megnyomni a Formátum gombot a szintaktikai kiemelés hozzáadásához a kódhoz az alábbiak szerint. Mostantól a JavaScript-szöveg sokkal világosabb, a jelölőcímkék kiemelve.

Másolja és illessze be a kiemelt forráskódot a Google Dokumentumokba

A Code Blocks és Code Pretty Docs mellett szintaxiskiemelő webalkalmazásokat is használhat a forráskód formázásához. Ezután a kiemelt forráskódot egy webalkalmazásból másolhatja vissza a Dokumentumok dokumentumába. A Textmate egy szintaxiskiemelő webalkalmazás, amely számos programozási és jelölőnyelvet formáz.

Kattintson erre a hivatkozásra a Textmate megnyitásához. Ezután másolja ki és illessze be a bejegyzésben található JavaScript-szöveget a Textmate forráskód mezőjébe a Ctrl + C és a Ctrl + V gyorsbillentyűkkel. Válassza ki JavaScript a Nyelv legördülő menüből. Válasszon ki egy szintaxiskiemelő témát a Téma legördülő menüből. megnyomni a Kiemel gombot, hogy megtekinthesse a forráskód formázását, ahogy az az alábbi pillanatképen látható.

Ezután válassza ki a kiemelt JavaScript-kódot az előnézetben a kurzorral, és nyomja meg a Ctrl + C billentyűkombinációt. Illessze be a kiemelt kódot a Google Dokumentumokba a Ctrl + V billentyűkombináció megnyomásával. Ezzel hozzáadja a kiemelt JavaScript-forráskódot a Dokumentumok dokumentumához, ahogy az közvetlenül lent látható.

Tehát nincs szükség asztali szövegszerkesztőre ahhoz, hogy szintaktikai kiemelést adjon a szoftverhez és a webhely kódjához. Ehelyett kiemelheti a szintaktikai kódot a Dokumentumok dokumentumaiban a Code Pretty és a Code Blocks kiterjesztéssel. Alternatív megoldásként másolja ki és illessze be kódját a Textmate webalkalmazásba, és illessze be a forráskódot kiemeléssel a Google Dokumentumokba.

Van más módja szintaktikai formázás hozzáadására a Google Dokumentumokhoz? Oszd meg ezeket velünk lent!