Vývojáři a programátoři již dlouho používají 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 obvykle milují jednoho editora a drží se tohoto programu. Jedním z důvodů je to, že dobrý editor kódování zahrnuje zvýraznění syntaxe, což je funkce, která formátuje zdrojový kód a přiřazuje písma a barvy klíčovým slovům a konstruuje v kódu, aby bylo jejich čtení mnohem snazší. Textové editory, jako je Notepad ++, které jsou popsány v této příručce Tech Junkie, vývojáři z tohoto důvodu upřednostňují. Většina vývojářů nepovažuje Dokumenty Google za potenciální editor kódování, a to navzdory svým skvělým funkcím pracovní skupiny a cloudové integraci, protože nezahrnuje vestavěné možnosti zvýrazňování syntaxe.
V dokumentech Google Doc však můžete přidat zvýraznění syntaxe. Ve skutečnosti existuje přinejmenším 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é řada webových aplikací, které můžete použít k vložení zdrojového kódu se zvýrazněním v Dokumentech Google. Ukážu vám, jak přidat zvýraznění syntaxe zdrojového kódu do vašich dokumentů.
Naformátujte zdrojový kód pomocí kódu Pretty
Code Pretty je doplněk pro Dokumenty Google, který automaticky přidá zvýraznění k vybranému kódu. Kód Pretty neobsahuje velké množství nastavení pro přizpůsobení formátování syntaxe, ale stále přidává do Docs užitečnou možnost zvýraznění syntaxe. K Dokumentům můžete přidat CP kliknutím na tlačítko Fr ee na této webové stránce. Stisknutím tlačítka Povolit potvrďte oprávnění pro doplněk.
Poté ve svém prohlížeči otevřete Dokumenty; a kliknutím na kartu Doplňky otevřete její nabídku. Tato nabídka bude nyní obsahovat doplněk Code Pretty. Chcete-li uvést příklad, jak tento doplněk zvýrazňuje syntaxi, vyberte a zkopírujte ukázkový kód JavaScript níže do dokumentu Docs stisknutím kláves Ctrl + C.
Co umí JavaScript?
JavaScript může měnit atributy HTML.
V tomto případě JavaScript změní atribut src (source) obrázku.
Vložte tento vzorek JavaScriptu do Dokumentů stisknutím kláves Ctrl + V. Poté kurzorem vyberte kód v textovém procesoru. Klikněte na Doplňky > Kód Pěkně a v podnabídce vyberte možnost Výběr formátu . Tím se zformátuje JavaScript, jak je znázorněno na snímku přímo pod.
Jak bylo uvedeno, CP neobsahuje mnoho nastavení pro zvýraznění syntaxe. Velikost písma zvýrazněného kódu však můžete upravit kliknutím na Doplňky > Kód pěkně a Nastavení . Tím se otevře boční panel zobrazený přímo pod. Poté můžete vybrat alternativní výchozí velikost písma pro zvýrazněný kód.
Naformátujte zdrojový kód pomocí kódových bloků
Bloky kódu jsou alternativní doplněk k CP, který můžete přidat do Dokumentů. To je vlastně o něco lepší doplněk pro zvýraznění syntaxe s, protože zahrnuje řadu zvýrazňujících témat. Stisknutím tlačítka Zdarma na této webové stránce přidejte do dokumentů kódové bloky.
Po instalaci kódových bloků otevřete Dokumenty a zkopírujte a vložte stejný kód JavaScript výše do textového procesoru jako dříve. Kliknutím na Doplňky > Bloky kódu a výběrem Start otevřete postranní panel zobrazený na obrázku přímo pod ním.
Pomocí kurzoru vyberte pouze text JavaScript. Ujistěte se, že nevyberete prázdný prostor nad nebo pod kódem. Z první rozbalovací nabídky vyberte JavaScript . Potom můžete také vybrat motiv z rozbalovací nabídky Téma . Stisknutím tlačítka Formát přidáte zvýraznění syntaxe do kódu, jak je znázorněno níže. Nyní je text JavaScript mnohem jasnější a jeho zvýrazněné značky jsou zvýrazněny.
Zkopírujte a vložte zvýrazněný zdrojový kód do Dokumentů Google
Kromě kódových bloků a kódových pěkných dokumentů můžete také formátovat zdrojový kód pomocí webových zvýrazňovačů 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 zvýrazňovače syntaxe, která formátuje četné programovací a značkovací jazyky.
Klepnutím na tento hypertextový odkaz otevřete Textmate. Potom zkopírujte a vložte text JavaScript obsažený v tomto příspěvku do pole zdrojového kódu Textmate s klávesovými zkratkami Ctrl + C a Ctrl + V. Z rozbalovací nabídky Jazyk vyberte JavaScript . Z rozbalovací nabídky Téma vyberte motiv zvýraznění syntaxe. Stisknutím tlačítka Zvýraznit získáte náhled pro formátování zdrojového kódu, jak je uvedeno na snímku přímo pod.
Dále vyberte kurzor v náhledu zvýrazněným kurzorem a stiskněte Ctrl + C. Vložený zvýrazněný kód vložte do Dokumentů Google stisknutím kláves Ctrl + V. Tímto způsobem se zvýrazněný zdrojový kód JavaScript přidá do dokumentu Dokumenty, jak je vidět přímo níže.
Nepotřebujete tedy textový editor pro stolní počítače, abyste přidali zvýraznění syntaxe do kódu softwaru a webových stránek. Místo toho můžete zvýraznit syntaktický kód v dokumentech pomocí rozšíření Code Pretty a Code Blocks. Můžete také zkopírovat a vložit kód do webové aplikace Textmate a vložit zdrojový kód se zvýrazněním do Dokumentů Google.
Existují nějaké jiné způsoby, jak přidat formátování syntaxe do Dokumentů Google? Podělte se s námi níže!
