A fejlesztők és a programozók már 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ési környezeteknek saját beépített szerkesztőik vannak, de a fejlesztők általában kedvelik az egyik szerkesztőt, és ragaszkodnak ehhez a programhoz. Ennek egyik oka az, hogy egy jó kódolószerkesztő magában foglalja a szintaxis kiemelését, egy olyan funkciót, amely formázza a forráskódot, és betűkészleteket és színeket rendel hozzá a kulcsszavakhoz és szerkezetekhez a kódban, hogy ez sokkal könnyebben olvasható legyen. A szövegszerkesztők, például a Notepad ++, amelyekre a Tech Junkie útmutató vonatkozik, ezért a fejlesztők kedvelik. A legtöbb fejlesztő nem látja a Google Docs-ot potenciális kódolószerkesztőnek, annak nagyszerű munkacsoport-funkciói és a felhőintegráció ellenére, mivel nem tartalmaz beépített szintaxis-kiemelési lehetőségeket.
A szintaxis kiemelését azonban hozzáadhatja a kódhoz a Google Doc dokumentumokban. Valójában van legalább néhány kiegészítő a Docs számára, amelyek lehetővé teszik a különböző programozási és jelölési nyelvek formázását a szintaxis kiemelésével. Számos olyan webalkalmazás is felhasználható, amelyekkel kiemelt forráskódot helyezhet be a Google Dokumentumokba. Megmutatom, hogyan lehet hozzáfűzni a forráskód szintaxist a Docs-dokumentumokhoz.
Formázza a forráskódot a Code Pretty segítségével
A Code Pretty egy kiegészítő a Google Docshoz, amely automatikusan hozzáadja a kiemelést a kiválasztott kódhoz. A Code Pretty nem tartalmaz hatalmas mennyiséget a szintaxis-formázás testreszabásához, de mégis hozzáad egy praktikus szintaxis-kiemelési lehetőséget a Dokumentumokhoz. Felveheti a CP-t a Dokumentumokba, ha ezen a weboldalon a Fr ee gombra kattint. Ezután nyomja meg az Engedélyezés gombot a kiegészítő engedélyek megerősítéséhez.
Ezután nyissa meg a Dokumentumokat böngészőjében; majd kattintson a Kiegészítők fülre a menü megnyitásához. Ez a menü most tartalmazza a Code Pretty kiegészítőt. Ha példát ad arra, hogy ez a kiegészítő kiemeli a szintaxist, válassza ki és másolja az alábbi JavaScript kódot egy Docs dokumentumba a Ctrl + C megnyomásával.
Mit tehet a JavaScript?
A JavaScript megváltoztathatja a HTML attribútumokat.
Ebben az esetben a JavaScript megváltoztatja a kép src (forrás) attribútumát.
Illessze be a JavaScript mintát a Docsba a Ctrl + V megnyomásával. Ezután válassza ki a kódot a szövegszerkesztőben a kurzorral. Kattintson a Kiegészítők > Code Pretty elemre, és válassza az almenüből a Format Selection lehetőséget. Ez formázza a JavaScript-et a közvetlenül az alábbiak szerint.
Mint már említettük, a CP nem tartalmaz sok szintaxis-kiemelés beállítást. A kiemelt kód betűméretét azonban a Kiegészítők > Kód szép és a Beállítások linkre kattintva módosíthatja . Ezzel kinyílik a közvetlenül lent látható oldalsáv. Ezután kiválaszthat egy alternatív alapértelmezett betűméretet a kiemelt kódhoz.
Formázza a forráskódot a kódblokkokkal
A Kódblokkok egy alternatív CP-kiegészítő, amelyet hozzáadhat a Docshoz. Ez valójában egy kissé jobb kiegészítés a szintaxis kiemeléséhez, mivel számos kiemelkedő témát tartalmaz. Nyomja meg a weboldal ingyenes gombját a Kódblokkok hozzáadásához a dokumentumokhoz.
A Kódblokkok telepítése után nyissa meg a Dokumentumokat, és másolja és illessze be a fenti Java kódot a szövegszerkesztőbe, mint korábban. Kattintson a Kiegészítők > Kódblokkok elemre , és válassza a Start elemet az alább látható képen látható oldalsáv megnyitásához.
Csak a JavaScript szövegét válassza ki a kurzorral. Ügyeljen arra, hogy ne jelöljön ki üres dokumentumterületet a kód fölött vagy alatt. Az első legördülő menüből válassza a JavaScriptet . Ezután kiválaszthat egy témát a Téma legördülő menüből. Nyomja meg a Formázás gombot a szintaxis kiemelésének hozzáadásához a kódhoz, az alább látható módon. Most a JavaScript szövege sokkal világosabb, a jelölési címkékkel kiemelve.
Másolja és illessze be a kiemelt forráskódot a Google Dokumentumokba
A Code Blocks és a Code Pretty Docs mellett a szintaxis kiemelő webes alkalmazásokat is felhasználhatja a forráskód formázására. Ezután másolhatja és beillesztheti a kiemelt forráskódot egy webalkalmazásból a Docs-dokumentumba. A Textmate az egyik szintaxis-kiemelő webes alkalmazás, amely számos programozási és jelölési nyelvet formáz.
Kattintson erre a hiperhivatkozásra a Textmate megnyitásához. Ezután másolja és illessze be az e üzenetben szereplő JavaScript szöveget a Textmate forráskód-mezőjébe a Ctrl + C és Ctrl + V gyorsbillentyűkkel. Válassza a JavaScriptet a Nyelv legördülő menüből. Válassza ki a szintaxis kiemelt témáját a Téma legördülő menüből. Nyomja meg a Kiemelés gombot a forráskód formázásának előnézetéhez, ahogyan az közvetlenül az alábbiakban látható.
Ezután válassza ki a kiemelt JavaScriptet az előnézetben a kurzorral, és nyomja meg a Ctrl + C billentyűket. Illessze be a kiemelt kódot a Google Dokumentumokba a Ctrl + V megnyomásával. Ez hozzáadja a kiemelt JavaScript forráskódot a Docs dokumentumhoz, ahogyan az alább látható.
Tehát nincs szükség asztali szövegszerkesztőre a szintaxis kiemelés hozzáadásához a szoftverhez és a webhely kódjához. Ehelyett kiemelheti a szintaxis-kódot a Docs-dokumentumokban a Code Pretty és a Code Blocks kiterjesztésekkel. Alternatív megoldásként másolja és illessze be a kódot a Textmate webes alkalmazásba, és a beillesztéshez a forráskód kiemelésével a Google Docs-ba.
Van más módon szintaxis-formázás hozzáadása a Google Dokumentumokhoz? Ossza meg velünk alább!
