Ontwikkelaars en programmeurs gebruiken teksteditors al lang als primaire manier om computercode in te voeren. Sommige ontwikkelomgevingen hebben hun eigen ingebouwde editors, maar ontwikkelaars zijn meestal dol op één editor en houden zich aan dat programma. Een reden hiervoor is dat een goede codeereditor syntaxisaccentuering omvat, een functie die broncode opmaakt en lettertypen en kleuren toewijst aan sleutelwoorden en constructies in de code om het lezen veel gemakkelijker te maken. Teksteditors zoals Notepad ++, die worden behandeld in deze Tech Junkie-gids, worden om deze reden begunstigd door ontwikkelaars. De meeste ontwikkelaars beschouwen Google Documenten niet als een potentiële codeereditor, ondanks de geweldige werkgroepfuncties en cloudintegratie, omdat het geen ingebouwde opties voor syntaxisaccentuering bevat.
U kunt echter syntaxisaccentuering toevoegen aan code in Google Doc-documenten. Er zijn in feite minstens een paar add-ons voor Documenten waarmee u verschillende programmeer- en opmaaktalen kunt formatteren met syntaxisaccentuering. Er zijn ook tal van web-apps die u kunt gebruiken om broncode met markering in Google Documenten in te voegen. Ik zal u laten zien hoe u broncodesyntaxisaccentuering aan uw Documenten-documenten kunt toevoegen.
Formatteer de broncode met Code Pretty
Code Pretty is een add-on voor Google Documenten die automatisch markeringen toevoegt aan geselecteerde code. Code Pretty bevat geen enorme hoeveelheid instellingen voor het aanpassen van de syntax-opmaak, maar voegt toch een handige syntaxisaccentuering toe aan Documenten. U kunt CP toevoegen aan Documenten door op de knop Fr ee op deze webpagina te klikken. Druk vervolgens op de knop Toestaan om de machtigingen voor de add-on te bevestigen.
Open vervolgens Documenten in uw browser; en klik op het tabblad Add-ons om het menu te openen. Dat menu bevat nu de add-on Code Pretty. Om een voorbeeld te geven van hoe deze add-on de syntaxis markeert, selecteert en kopieert u de onderstaande JavaScript-code in een Documenten-document door op Ctrl + C te drukken.
Wat kan JavaScript doen?
JavaScript kan HTML-kenmerken wijzigen.
In dit geval wijzigt JavaScript het kenmerk src (bron) van een afbeelding.
Plak dat JavaScript-voorbeeld in Documenten door op Ctrl + V te drukken. Selecteer vervolgens de code in de tekstverwerker met de cursor. Klik op Add-ons > Code Pretty en selecteer de optie Selectie opmaken in het submenu. Dat zal het JavaScript opmaken zoals getoond in de momentopname direct hieronder.
Zoals gezegd bevat CP niet veel instellingen voor de syntaxisaccentuering. U kunt echter de lettergrootte van de gemarkeerde code aanpassen door op Add-ons > Code Pretty en Instellingen te klikken. Dat opent de zijbalk die hieronder wordt weergegeven. Vervolgens kunt u vanaf daar een alternatieve standaardlettergrootte voor de gemarkeerde code selecteren.
Formatteer de broncode met codeblokken
Code Blocks is een alternatieve add-on voor CP die u aan Documenten kunt toevoegen. Dit is eigenlijk een iets betere add-on om de syntaxis mee te markeren, omdat het tal van markeerthema's bevat. Druk op de knop Gratis op deze website om codeblokken aan documenten toe te voegen.
Wanneer u Code Blocks hebt geïnstalleerd, opent u Documenten en kopieert en plakt u dezelfde JavaScript-code hierboven in de tekstverwerker als voorheen. Klik op Add-ons > Codeblokken en selecteer Start om de zijbalk te openen die wordt weergegeven in de foto hieronder.
Selecteer alleen de JavaScript-tekst met uw cursor. Zorg ervoor dat u geen lege documentruimte boven of onder de code selecteert. Selecteer JavaScript in het eerste vervolgkeuzemenu. Vervolgens kunt u ook een thema selecteren in het vervolgkeuzemenu Thema . Druk op de knop Opmaak om de syntaxisaccentuering aan de code toe te voegen, zoals hieronder wordt weergegeven. Nu is de JavaScript-tekst veel duidelijker met de markeringen gemarkeerd.
Kopieer en plak de gemarkeerde broncode in Google Documenten
Naast Code Blocks en Code Pretty Docs, kunt u ook syntax highlighter web-apps gebruiken om de broncode te formatteren. Vervolgens kunt u de gemarkeerde broncode van een web-app kopiëren en in uw Documenten-document plakken. Textmate is een syntax highlighter web-app die verschillende programmeer- en markup-talen opmaakt.
Klik op deze hyperlink om Textmate te openen. Kopieer en plak vervolgens de JavaScript-tekst in dit bericht in de broncodevak van Textmate met de sneltoetsen Ctrl + C en Ctrl + V. Selecteer JavaScript in het vervolgkeuzemenu Taal. Selecteer een syntaxis-markthema in het vervolgkeuzemenu Thema. Druk op de knop Markeren om een voorbeeld te krijgen van de opmaak van de broncode, zoals weergegeven in de momentopname hieronder.
Selecteer vervolgens het gemarkeerde JavaScript in het voorbeeld met de cursor en druk op Ctrl + C. Plak de gemarkeerde code in Google Documenten door op Ctrl + V te drukken. Hiermee wordt de gemarkeerde JavaScript-broncode aan het Documenten-document toegevoegd, zoals hieronder wordt weergegeven.
U hebt dus geen desktop-teksteditor nodig om syntaxisaccentuering aan software en websitecode toe te voegen. In plaats daarvan kunt u de syntaxiscode in Documenten-documenten markeren met de extensies Code Pretty en Code Blocks. U kunt ook uw code kopiëren en plakken van en naar de Textmate-webapp om broncode met markering in Google Documenten in te voegen.
Zijn er andere manieren om syntax-opmaak toe te voegen aan Google Documenten? Deel ze hieronder met ons!
