Vývojáři a programátoři dlouho používali textové editory jako primární způsob zadávání počítačového kódu. Některá vývojová prostředí mají své vlastní vestavěné editory, ale vývojáři mají obvykle rádi jeden editor a toho programu se drží. Jedním z důvodů je to, že dobrý editor kódování zahrnuje zvýrazňování syntaxe, což je funkce, která formátuje zdrojový kód a přiřazuje fonty a barvy klíčovým slovům a konstrukcím v kódu, aby byl mnohem snazší číst. Z tohoto důvodu vývojáři upřednostňují textové editory, jako je Notepad ++, které jsou popsány v tomto průvodci Tech Junkie. Většina vývojářů nepohlíží na Dokumenty Google jako na potenciální editor kódování, a to navzdory jeho skvělým funkcím pro pracovní skupiny a integraci cloudu, protože nezahrnuje vestavěné možnosti zvýraznění syntaxe.
Do kódu v dokumentech Google Doc však můžete přidat zvýraznění syntaxe. Ve skutečnosti existuje alespoň několik doplňků pro Dokumenty, které vám umožňují formátovat různé programovací a značkovací jazyky se zvýrazněním syntaxe. Existuje také mnoho webových aplikací, které můžete použít k vložení zdrojového kódu se zvýrazněním v Dokumentech Google. V tomto článku vám ukážu, jak přidat zvýraznění syntaxe zdrojového kódu do dokumentů Dokumentů.
Formátujte zdrojový kód pomocí Code Pretty
Code Pretty je doplněk pro Dokumenty Google, který automaticky přidává zvýraznění do vybraného kódu. Code Pretty nezahrnuje velké množství nastavení pro přizpůsobení formátování syntaxe, ale stále přidává praktickou možnost zvýraznění syntaxe do Dokumentů. CP můžete přidat do Dokumentů kliknutím na Free tlačítko na této webové stránce. Poté stiskněte tlačítko Dovolit tlačítko pro potvrzení oprávnění pro doplněk.
Dále otevřete Dokumenty v prohlížeči; a kliknutím na kartu Doplňky otevřete její nabídku. Tato nabídka nyní bude obsahovat doplněk Code Pretty. Chcete-li vám dát příklad, jak tento doplněk zvýrazňuje syntaxi, vyberte a zkopírujte ukázkový kód JavaScriptu níže do dokumentu Dokumentů stisknutím Ctrl + C.
Co umí JavaScript?
JavaScript může změnit atributy HTML.
V tomto případě JavaScript změní atribut src (zdroj) obrázku.
Rozsvítit světlo
Vypnout světla
Vložte ukázku JavaScriptu do Dokumentů stisknutím Ctrl + V. Poté vyberte kód v textovém editoru pomocí kurzoru. Klikněte Doplňky >Code Pretty a vyberte Výběr formátu možnost z podnabídky. Tím se naformátuje JavaScript, jak je znázorněno na snímku přímo níže.
Jak bylo uvedeno, CP nezahrnuje mnoho nastavení pro zvýraznění syntaxe. Kliknutím však můžete upravit velikost písma zvýrazněného kódu Doplňky >Code Pretty a Nastavení. Tím se otevře postranní panel zobrazený přímo níže. Odtud můžete vybrat alternativní výchozí velikost písma pro zvýrazněný kód.
Formátujte zdrojový kód pomocí bloků kódu
Code Blocks je alternativní doplněk k CP, který můžete přidat do Dokumentů. Toto je ve skutečnosti o něco lepší doplněk pro zvýraznění syntaxe, protože obsahuje řadu zvýrazňujících témat. zmáčkni Volný, uvolnit tlačítko na této webové stránce pro přidání bloků kódu do Dokumentů.
Po instalaci Code Blocks otevřete Dokumenty a zkopírujte a vložte stejný kód JavaScript výše do textového procesoru jako předtím. Klikněte Doplňky >Bloky kódu a vyberte Start otevřete postranní panel zobrazený na snímku přímo pod ním.
Vyberte kurzorem pouze text JavaScript. Ujistěte se, že jste nevybrali žádné prázdné místo v dokumentu nad nebo pod kódem. Vybrat JavaScript z první rozbalovací nabídky. Poté můžete také vybrat motiv z Téma rozbalovací nabídka. zmáčkni Formát tlačítko pro přidání zvýraznění syntaxe do kódu, jak je znázorněno níže. Text JavaScriptu je nyní mnohem jasnější se zvýrazněnými značkami.
Zkopírujte a vložte zvýrazněný zdrojový kód do Dokumentů Google
Kromě Code Blocks a Code Pretty Docs můžete k formátování zdrojového kódu využít také webové aplikace zvýrazňovače syntaxe. Poté můžete zkopírovat a vložit zvýrazněný zdrojový kód z webové aplikace zpět do dokumentu Dokumenty. Textmate je jedna webová aplikace pro zvýrazňování syntaxe, která formátuje řadu programovacích a značkovacích jazyků.
Klepnutím na tento hypertextový odkaz otevřete Textmate. Poté zkopírujte a vložte text JavaScript obsažený v tomto příspěvku do pole zdrojového kódu Textmate pomocí klávesových zkratek Ctrl + C a Ctrl + V. Vybrat JavaScript z rozbalovací nabídky Jazyk. Vyberte téma zvýraznění syntaxe z rozevírací nabídky Motiv. zmáčkni Zvýraznit tlačítko pro zobrazení náhledu formátování zdrojového kódu, jak je znázorněno na snímku přímo níže.
Dále vyberte zvýrazněný JavaScript v náhledu pomocí kurzoru a stiskněte Ctrl + C. Vložte zvýrazněný kód do Dokumentů Google stisknutím Ctrl + V. Tím přidáte zvýrazněný zdrojový kód JavaScriptu do dokumentu Dokumentů, jak je znázorněno přímo níže.
K přidání zvýraznění syntaxe do softwaru a kódu webu tedy nepotřebujete textový editor pro stolní počítače. Místo toho můžete v dokumentech Dokumentů zvýraznit syntaktický kód pomocí rozšíření Code Pretty a Code Blocks. Případně zkopírujte a vložte kód do az webové aplikace Textmate a vložte zdrojový kód se zvýrazněním v Dokumentech Google.
Máte nějaké další způsoby, jak přidat formátování syntaxe do Dokumentů Google? Podělte se o ně s námi níže!
