Kehittäjät ja ohjelmoijat ovat jo pitkään käyttäneet tekstieditoria ensisijaisena tapana kirjoittaa tietokonekoodi. Joillakin kehitysympäristöillä on omat sisäänrakennetut toimittajat, mutta kehittäjät yleensä rakastavat yhtä toimittajaa ja pysyvät siinä ohjelmassa. Yksi syy tähän on, että hyvä koodauseditori sisältää syntaksikorostuksen, ominaisuuden, joka muotoilee lähdekoodin ja määrittää fontit ja värit avainsanoille ja rakenteille koodissa, jotta sen lukeminen olisi paljon helpompaa. Tästä syystä kehittäjät suosivat tekstieditoria, kuten Notepad ++, jota käsitellään tässä Tech Junkie -oppaassa. Suurin osa kehittäjistä ei katso Google-dokumentteja mahdollisena koodauseditorina huolimatta sen erinomaisista työryhmäominaisuuksista ja pilvi-integroinnista, koska se ei sisällä sisäänrakennettuja syntaksikorostamisvaihtoehtoja.
Voit kuitenkin lisätä syntaksikorostuksen koodiin Google Doc -asiakirjoihin. Asiakirjoissa on itse asiassa ainakin muutama lisäosa, joiden avulla voit muotoilla erilaisia ohjelmointi- ja merkintäkieliä syntaksikorostamalla. On myös olemassa lukuisia verkkosovelluksia, joiden avulla voit lisätä lähdekoodin korostettuna Google-dokumenteihin. Näytän sinulle, kuinka voit lisätä lähdekoodisyntaksin korostuksen Docs-asiakirjoihisi.
Alusta lähdekoodi Code Pretty -sovelluksella
Code Pretty on Google-dokumenttien lisäosa, joka lisää korostuksen automaattisesti valittuun koodiin. Code Pretty ei sisällä valtavan määrän asetuksia syntaksin muotoilun mukauttamiseksi, mutta se lisää silti kätevän syntaksikorostuksen vaihtoehdon Dokumenteihin. Voit lisätä CP-tiedostoja napsauttamalla Fr ee -painiketta tällä verkkosivulla. Paina sitten Salli- painiketta vahvistaaksesi lisäosan käyttöoikeudet.
Avaa seuraavaksi Docs selaimessa; ja napsauta Lisäosat-välilehteä avataksesi sen valikon. Valikko sisältää nyt Code Pretty -lisäosan. Jos haluat antaa esimerkin siitä, kuinka tämä lisäosa korostaa syntaksia, valitse ja kopioi alla oleva JavaScriptin koodinumero Docs-asiakirjaan painamalla Ctrl + C.
Mitä JavaScript voi tehdä?
JavaScript voi muuttaa HTML-määritteitä.
Tässä tapauksessa JavaScript muuttaa kuvan src (lähde) -määritettä.
Liitä kyseinen JavaScript-näyte asiakirjoihin painamalla Ctrl + V. Valitse sitten koodi tekstinkäsittelyohjelmassa kohdistimella. Napsauta Lisäosat > Code Pretty ja valitse alivalikosta Muoto-valinta . Se muotoilee JavaScriptin alla olevan tilannekuvan osoittamalla tavalla.
Kuten todettiin, CP ei sisällä monia syntaksin korostuksen asetuksia. Voit kuitenkin säätää korostetun koodin fonttikokoa napsauttamalla Lisäosat > Koodi ja asetukset . Se avaa suoraan alla olevan sivupalkin. Sitten voit valita korostetulle koodille vaihtoehtoisen oletusfonttin koon.
Alusta lähdekoodi koodilohkoilla
Koodilukot on vaihtoehtoinen lisäosa CP: hen, jonka voit lisätä dokumenteihin. Tämä on itse asiassa hiukan parempi lisäys syntaksin korostamiseen, koska se sisältää lukuisia korostavia teemoja. Voit lisätä koodilohkoja asiakirjoihin painamalla tämän verkkosivun Free- painiketta.
Kun olet asentanut koodilohkoja, avaa Docs ja kopioi ja liitä yllä oleva JavaScripti-koodi tekstinkäsittelyohjelmaan. Napsauta Lisäosat > Koodilohot ja valitse Käynnistä, kun haluat avata sivupalkin, joka näkyy alla olevassa kuvassa.
Valitse vain JavaScript-teksti kohdistimella. Varmista, että et valitse tyhjää asiakirjatilaa koodin ylä- tai alapuolelle. Valitse JavaScript ensimmäisestä pudotusvalikosta. Sitten voit valita teeman avattavasta Teema -valikosta. Lisää syntaksin korostus koodiin alla olevan kuvan mukaisesti painamalla Muoto- painiketta. Nyt JavaScript-teksti on paljon selkeämpi ja sen merkintätunnisteet on korostettu.
Kopioi ja liitä korostettu lähdekoodi Google-dokumenteihin
Koodilohkojen ja Code Pretty Docs -julkaisujen lisäksi voit käyttää lähdekoodin muotoiluun myös syntaksikorostimen verkkosovelluksia. Sitten voit kopioida ja liittää korostetun lähdekoodin Web-sovelluksesta takaisin Docs-dokumenttiin. Textmate on yksi syntaksin korostaja -verkkosovellus, joka muotoilee lukuisia ohjelmointi- ja merkintäkieliä.
Napsauta tätä hyperlinkkiä avataksesi Textmate. Kopioi ja liitä sitten tämän viestin sisältämä JavaScript-teksti Textmate-lähdekoodikenttiin Ctrl + C- ja Ctrl + V-pikanäppäimillä. Valitse JavaScript avattavasta Kieli-valikosta. Valitse syntaksikorostettu teema avattavasta Teema-valikosta. Paina Korosta- painiketta saadaksesi esikatselun lähdekoodin muotoilulle alla olevan tilannekuvan mukaisesti.
Valitse seuraavaksi korostettu JavaScript esikatselussa kohdistimella ja paina Ctrl + C. Liitä korostettu koodi Google-dokumenteihin painamalla Ctrl + V. Tämä lisää korostetun JavaScriptin lähdekoodin Docs-asiakirjaan, kuten alla.
Joten, sinun ei tarvitse työpöydän tekstieditoria lisätäksesi syntaksikorostuksen ohjelmistoon ja verkkosivustoon. Sen sijaan voit korostaa syntaksikoodin Docs-asiakirjoissa Code Pretty- ja Code Blocks -laajennuksilla. Voit vaihtoehtoisesti kopioida ja liittää koodisi Textmate-verkkosovellukseen ja siitä, jotta lisäät lähdekoodin korostettuna Google-dokumenteihin.
Onko muita tapoja lisätä syntaksimuotoilua Google-dokumenteihin? Jaa ne allamme!
