Hlavná Zariadenia Ako pridať zvýraznenie syntaxe do zdrojového kódu v Dokumentoch Google

Ako pridať zvýraznenie syntaxe do zdrojového kódu v Dokumentoch Google



Vývojári a programátori už dlho používajú textové editory ako primárny spôsob zadávania počítačového kódu. Niektoré vývojové prostredia majú svoje vlastné vstavané editory, ale vývojári majú zvyčajne radi jeden editor a držia sa tohto programu. Jedným z dôvodov je to, že dobrý editor kódovania obsahuje zvýrazňovanie syntaxe, funkciu, ktorá formátuje zdrojový kód a priraďuje fonty a farby kľúčovým slovám a konštrukciám v kóde, aby sa dal oveľa ľahšie čítať. Textové editory, ako napríklad Notepad ++, ktoré sú zahrnuté v tomto Sprievodca Tech Junkie , sú z tohto dôvodu uprednostňované vývojármi. Väčšina vývojárov nepovažuje Dokumenty Google za potenciálneho editora kódovania, a to aj napriek jeho skvelým funkciám pre pracovné skupiny a cloudovej integrácii, pretože neobsahuje vstavané možnosti zvýrazňovania syntaxe.

Ako pridať zvýraznenie syntaxe do zdrojového kódu v Dokumentoch Google

Do kódu v dokumentoch Google Doc však môžete pridať zvýraznenie syntaxe. V skutočnosti existuje aspoň niekoľko doplnkov pre Dokumenty, ktoré vám umožňujú formátovať rôzne programovacie a značkovacie jazyky so zvýraznením syntaxe. Existuje tiež množstvo webových aplikácií, ktoré môžete použiť na vloženie zdrojového kódu so zvýraznením v Dokumentoch Google. V tomto článku vám ukážem, ako pridať zvýraznenie syntaxe zdrojového kódu do vašich dokumentov Dokumenty.

Formátujte zdrojový kód pomocou Code Pretty

Code Pretty je doplnok pre Dokumenty Google, ktorý automaticky pridáva zvýraznenie do vybraného kódu. Code Pretty neobsahuje veľké množstvo nastavení na prispôsobenie formátovania syntaxe, ale stále pridáva do Dokumentov praktickú možnosť zvýraznenia syntaxe. CP môžete pridať do Dokumentov kliknutím naO eetlačidlo zapnuté túto webovú stránku . Potom stlačte tlačidloPovoliťtlačidlo na potvrdenie oprávnení pre doplnok.

ako upraviť formulár google po odoslaní

Potom otvorte Dokumenty vo svojom prehliadači; a kliknutím na kartu Doplnky otvorte jej ponuku. Táto ponuka bude teraz obsahovať doplnok Code Pretty. Ak chcete uviesť príklad toho, ako tento doplnok zvýrazňuje syntax, vyberte a skopírujte vzorový kód JavaScript nižšie do dokumentu Dokumenty stlačením klávesov Ctrl + C.



Čo dokáže JavaScript?

JavaScript môže zmeniť atribúty HTML.

V tomto prípade JavaScript zmení atribút src (zdroj) obrázka.

Rozsvietiť svetlo

Vypnúť svetlá


Prilepte túto ukážku JavaScriptu do dokumentov stlačením Ctrl + V. Potom vyberte kód v textovom editore pomocou kurzora. KlikniteDoplnky>Kód Prettya vyberteVýber formátumožnosť z podponuky. Tým sa naformátuje JavaScript, ako je znázornené na snímke priamo nižšie.

Ako už bolo uvedené, CP neobsahuje veľa nastavení pre zvýraznenie syntaxe. Kliknutím však môžete upraviť veľkosť písma zvýrazneného kóduDoplnky>Kód Prettyanastavenie. Tým sa otvorí bočný panel zobrazený priamo nižšie. Potom si odtiaľ môžete vybrať alternatívnu predvolenú veľkosť písma pre zvýraznený kód.

Formátujte zdrojový kód pomocou blokov kódu

Code Blocks je alternatívny doplnok k CP, ktorý môžete pridať do dokumentov. Toto je v skutočnosti o niečo lepší doplnok na zvýraznenie syntaxe, pretože obsahuje množstvo zvýrazňujúcich tém. Stlačte tlačidlozadarmotlačidlo zapnuté túto webovú stránku na pridanie blokov kódu do dokumentov.

Po nainštalovaní Code Blocks otvorte Dokumenty a skopírujte a prilepte rovnaký kód JavaScript vyššie do textového procesora ako predtým. KlikniteDoplnky>Bloky kódua vyberteŠtartotvoríte bočný panel zobrazený na zábere priamo pod ním.

ako dostať svár na xbox

Pomocou kurzora vyberte iba text JavaScript. Uistite sa, že ste nevybrali žiadne prázdne miesto v dokumente nad alebo pod kódom. VyberteJavaScriptz prvej rozbaľovacej ponuky. Potom môžete tiež vybrať tému zTémarozbaľovacej ponuky. Stlačte tlačidloFormátovaťtlačidlo na pridanie zvýraznenia syntaxe do kódu, ako je uvedené nižšie. Teraz je text JavaScriptu oveľa jasnejší so zvýraznenými značkami.

Skopírujte a vložte zvýraznený zdrojový kód do služby Dokumenty Google

Okrem Code Blocks a Code Pretty Docs môžete na formátovanie zdrojového kódu použiť aj webové aplikácie na zvýrazňovanie syntaxe. Potom môžete skopírovať a prilepiť zvýraznený zdrojový kód z webovej aplikácie späť do dokumentu Dokumenty. Textmate je jedna webová aplikácia na zvýrazňovanie syntaxe, ktorá formátuje množstvo programovacích a značkovacích jazykov.

Kliknite tento hypertextový odkaz na otvorenie aplikácie Textmate. Potom skopírujte a prilepte text JavaScript zahrnutý v tomto príspevku do poľa zdrojového kódu Textmate pomocou klávesových skratiek Ctrl + C a Ctrl + V. VyberteJavaScriptz rozbaľovacej ponuky Jazyk. Vyberte tému zvýraznenia syntaxe z rozbaľovacej ponuky Téma. Stlačte tlačidloZlatý klinectlačidlo, aby ste získali ukážku formátovania zdrojového kódu, ako je znázornené na snímke priamo nižšie.

Ďalej vyberte zvýraznený JavaScript v náhľade pomocou kurzora a stlačte Ctrl + C. Prilepte zvýraznený kód do Google Docs stlačením Ctrl + V. Tým sa do dokumentu Dokumentov pridá zvýraznený zdrojový kód JavaScript, ako je znázornené priamo nižšie.

youtube ako vidím vaše komentáre

Na pridanie zvýraznenia syntaxe do softvéru a kódu webových stránok teda nepotrebujete textový editor pre stolné počítače. Namiesto toho môžete zvýrazniť kód syntaxe v dokumentoch dokumentov pomocou rozšírení Code Pretty a Code Blocks. Prípadne skopírujte a prilepte kód do webovej aplikácie Textmate a z nej a vložte zdrojový kód so zvýraznením v Dokumentoch Google.

Máte nejaké iné spôsoby, ako pridať formátovanie syntaxe do Dokumentov Google? Podeľte sa o ne s nami nižšie!

Zaujímavé Články

Redakcia Choice

Zálohujte a obnovte nastavenia Snip & Sketch v systéme Windows 10
Zálohujte a obnovte nastavenia Snip & Sketch v systéme Windows 10
Zistite, ako zálohovať a obnoviť nastavenia aplikácie Snip & Sketch v systéme Windows 10. Môžete ich podľa potreby obnoviť alebo preniesť do iného počítača.
Aplikácia WhatsApp pre Windows Phone bola aktualizovaná o nové funkcie používateľského rozhrania
Aplikácia WhatsApp pre Windows Phone bola aktualizovaná o nové funkcie používateľského rozhrania
WhatsApp pre telefóny so systémom Windows je stále stará aplikácia vytvorená pôvodne pre Windows Phone 8, čo znamená, že ide o aplikáciu Silverlight, a v ďalšom vydaní systému Windows 10 Mobile ju možno ukončí. Táto skutočnosť však vývojárom nebráni v prinášaní ďalších funkcií do aktuálnej verzie aplikácie. Pred niekoľkými dňami WhatsApp
Zakážte alebo povoľte tlačidlo profilu Google Chrome v záhlaví okna
Zakážte alebo povoľte tlačidlo profilu Google Chrome v záhlaví okna
Zistite, ako vypnúť alebo povoliť tlačidlo profilu používateľského mena v záhlaví okna prehliadača Google Chrome.
Zakážte prístup na zápis na vymeniteľné disky v systéme Windows 10
Zakážte prístup na zápis na vymeniteľné disky v systéme Windows 10
Ako zakázať prístup na zápis na vymeniteľné disky v systéme Windows 10 V systéme Windows 10 môže predvolene každý používateľ zapisovať súbory a priečinky na všetky vymeniteľné úložné zariadenia, ktoré pripojí k počítaču. Používateľ môže tiež odstrániť alebo upraviť akýkoľvek súbor uložený na vymeniteľnej jednotke. Windows 10 obsahuje možnosť zakázať zápis
Ako vypnúť upozornenia Metro Toast na ploche
Ako vypnúť upozornenia Metro Toast na ploche
V prípade systému Windows 8 spoločnosť Microsoft predstavila nový systém oznámení: Windows 8 a Windows 8.1 namiesto bublinových popisov panelov v zásobníku používajú upozornenia na toast, ktoré sa zobrazujú na pravej strane obrazovky a po určitom čase zmiznú. Takýto druh oznámení sa dokonale hodí k modernému používateľskému rozhraniu systému Windows 8, ktoré má
Recenzia Asus ROG G20CB: Brilantný dizajn, ale predražený
Recenzia Asus ROG G20CB: Brilantný dizajn, ale predražený
Notebooky sa v priebehu rokov stali čoraz výkonnejšími, až sa stali životaschopnou voľbou pre hráčov s nedostatkom priestoru. Niekedy však potrebujete viac a v tomto okamihu kompaktných počítačov, ako je napríklad nový
Ako reštartovať notebook Lenovo
Ako reštartovať notebook Lenovo
Reštartovanie vášho notebooku Lenovo môže vyriešiť rôzne problémy. Preskúmame najlepší spôsob reštartovania notebooku Lenovo, ako aj niekoľko alternatív.