Ontwikkelaars en programmeurs gebruiken teksteditors al lang als de belangrijkste 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 coderingseditor syntaxisaccentuering omvat, een functie die de broncode opmaakt en lettertypen en kleuren toewijst aan trefwoorden en constructies in de code om het lezen veel gemakkelijker te maken. Teksteditors zoals Notepad ++, die hierin worden behandeld Tech Junkie-gids , worden om deze reden begunstigd door ontwikkelaars. De meeste ontwikkelaars beschouwen Google Documenten niet als een potentiële coderingseditor, 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 ten minste een aantal add-ons voor Documenten waarmee u verschillende programmeer- en opmaaktalen kunt opmaken met syntaxisaccentuering. Er zijn ook tal van web-apps die u kunt gebruiken om broncode met markering in Google Documenten in te voegen. In dit artikel laat ik u zien hoe u syntaxisaccentuering van de broncode aan uw Documenten-documenten kunt toevoegen.
Formatteer de broncode met Code Pretty
Code Pretty is een add-on voor Google Documenten die automatisch accentuering toevoegt aan geselecteerde code. Code Pretty bevat niet een groot aantal instellingen voor het aanpassen van de syntaxisopmaak, maar het voegt nog steeds een handige optie voor het markeren van syntaxis toe aan Documenten. U kunt CP aan Documenten toevoegen door op hetVr eeknop aan deze webpagina . Druk vervolgens op deToestaanknop 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 zal nu de Code Pretty-add-on bevatten. Om u een voorbeeld te geven van hoe deze add-on de syntaxis benadrukt, selecteert en kopieert u de onderstaande JavaScript-voorbeeldcode naar een Documenten-document door op Ctrl + C te drukken.
Wat kan JavaScript doen?
JavaScript kan HTML-kenmerken wijzigen.
In dit geval verandert JavaScript het src (source) attribuut van een afbeelding.
Doe het licht aan
Doe het licht uit
Plak dat JavaScript-voorbeeld in Documenten door op Ctrl + V te drukken. Selecteer vervolgens de code in de tekstverwerker met de cursor. KlikAdd-ons>Code vrijen selecteer hetFormaatselectieoptie uit het submenu. Dat zal het JavaScript formatteren zoals getoond in de snapshot direct hieronder.
hoe je je tiktok-gebruikersnaam kunt wijzigen
Zoals vermeld, bevat CP niet veel instellingen voor het markeren van de syntaxis. U kunt de lettergrootte van de gemarkeerde code echter aanpassen door op te klikkenAdd-ons>Code vrijenInstellingen. Dat opent de zijbalk die direct hieronder wordt weergegeven. Vervolgens kunt u van daaruit 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, aangezien het tal van accentueringsthema's bevat. druk deVrijknop aan deze webpagina om codeblokken toe te voegen aan Documenten.
Wanneer u codeblokken heeft geïnstalleerd, opent u Documenten en kopieert en plakt u dezelfde JavaScript-code hierboven in de tekstverwerker als voorheen. KlikAdd-ons>Code Blokkenen selecteerBeginom de zijbalk te openen die wordt weergegeven in de opname direct hieronder.
Selecteer alleen de JavaScript-tekst met uw cursor. Zorg ervoor dat u geen lege documentruimte boven of onder de code selecteert. SelecteerJavaScriptuit het eerste vervolgkeuzemenu. Dan kun je ook een thema selecteren uit deThemadrop-down menu. druk deFormaatknop om de syntaxisaccentuering aan de code toe te voegen, zoals hieronder weergegeven. Nu is de JavaScript-tekst veel duidelijker met de markup-tags gemarkeerd.
Kopieer en plak gemarkeerde broncode in Google Documenten
Afgezien van codeblokken en Code Pretty Docs, kunt u ook web-apps voor syntaxismarkeerstift gebruiken om de broncode op te maken. Vervolgens kunt u de gemarkeerde broncode vanuit een webapp kopiëren en weer in uw Documenten-document plakken. Textmate is een syntaxismarkeerstift-webapp die tal van programmeer- en opmaaktalen opmaakt.
Klik deze hyperlink om Textmate te openen. Kopieer en plak vervolgens de JavaScript-tekst in dit bericht in het broncodevak van Textmate met de sneltoetsen Ctrl + C en Ctrl + V. SelecteerJavaScriptin het vervolgkeuzemenu Taal. Selecteer een thema voor syntaxisaccentuering in het vervolgkeuzemenu Thema. druk deMarkeerknop om een voorbeeld te krijgen van de opmaak van de broncode, zoals weergegeven in de momentopname direct 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. Hierdoor wordt de gemarkeerde JavaScript-broncode aan het Documenten-document toegevoegd, zoals hieronder getoond.
U hebt dus geen desktop-teksteditor nodig om syntaxisaccentuering toe te voegen aan software en websitecode. In plaats daarvan kunt u 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 syntaxisopmaak toe te voegen aan Google Documenten? Deel ze hieronder met ons!