Koodilohkojen muotoilu Google Docsissa

Google Docs -asiakirjojen muotoilu on helppoa, kunnes koodilohkot hiipivät sisään. Google Docs ei tarjoa oletustapaa lisätä koodilohkoja, ja jos kopioit ja liität ne suoraan, oletusmuotoilu menee sekaisin.

Jotta voimme muotoilla koodinpätkät oikein Google Docsissa, meidän on joko käytettävä erilaisia ​​manuaalisia kiertotapoja tai käytettävä lisäosaa.

Tämä artikkeli näyttää, kuinka koodilohkot muotoillaan Google-dokumenteissa manuaalisesti ja lisäosien avulla.

Koodilohkojen muotoilu manuaalisesti Google Docsissa

Google Docsissa on useita tapoja muotoilla koodilohkoja. Siitä huolimatta kaikki menetelmät sisältävät kolmannen osapuolen työkaluja. Tämä tarkoittaa, että jos haluat muotoilla koodilohkoja Google Docsissa poistumatta työtilasta, se ei tapahdu.

Seuraavassa on kolme tapaa muotoilla koodilohkoja manuaalisesti Google-dokumenteissa:

1. Kuinka muotoilla koodilohkoja Google-dokumenteissa syntaksin korostajalla

Syntaksin korostustoiminnolla voit helposti muuttaa sen tekstin tai koodin tyyliä. Saatavilla on monia syntaksin korostusmerkkejä; käytämme kuitenkin

pinetoolsin syntaksin korostus tälle esimerkille.

Näin voit käyttää sitä koodilohkojen muotoiluun Google Docsissa:

1. Kopioi korostamaton koodi Google-dokumenteista, jonka aiot alustaa.
2. Mene Pinetoolsin syntaksin korostus.
3. Liitä koodi kohtaan Korostamaton koodi laatikko.
4. Alla Vaihtoehdot valitse oikeanpuoleisesta ruudusta Automaattinen havaitseminen jos haluat työkalun arvaavan kielen automaattisesti, tai valitse haluamasi kieli napsauttamalla Valitseyksi ja valitsemalla kielen Valitse kieli pudotusvalikosta.
5. Valitse haluamasi tyyli Valitse tyyli pudotusvalikosta.
6. Napsauta vihreää Kohokohta -painiketta.

Yllä olevat vaiheet antavat sinulle korostetun koodin sen HTML-koodilla.

Vaikka voit liittää korostetun koodin suoraan Google-dokumentteihin, se vain korostaa koodin, ja koodirivien väliin tulee silti välilyöntejä. Tästä syystä lopullinen muoto näyttää sotkuiselta, kuten alla näkyy.

Tee muotoilusta houkuttelevampi noudattamalla seuraavia ohjeita:

1. Kopioi korostettu koodi syntaksin korostusnäytöstä.
2. Valitse Google Docs -asiakirja, johon haluat lisätä koodin.
3. Mene Lisää > Taulukko ja valitse a 1x1 pöytä.
4. Napsauta hiiren kakkospainikkeella taulukkoruutua ja siirry kohtaan Taulukon ominaisuudet.
5. Sovittaa Solun taustaväri taustaväriin syntaksin korostuskytkimessä.

Olemme valinneet Ir Musta tyyliin ja Musta taustaväriä, jotta lopputulos näyttää seuraavalta.

Jos sinulla on todella vaikeuksia löytää sopivaa muotoa asiakirjallesi, voit käyttää mallia. Tutustu meidän artikkeli, joka kattaa erilaisia ​​malleja, joita voit käyttää Google Docsissa helpottaaksesi elämääsi.

2. Koodilohkojen muotoilu Google Docsissa HTML-koodin avulla

Toinen tapa muotoilla koodilohkoja Google Docsissa on käyttää HTML-koodia. Voit tehdä tämän seuraavasti:

1. Kopioi korostetun tekstin HTML-koodi syntaksin korostustoiminnon tulosteeseen.
2. Kopioi ja liitä HTML-koodi Muistioon.
3. Tallenna tiedosto nimellä .HTML.
4. Avaa .HTML tiedosto suoraan Google Docsissa.

Google Docs avaa tiedoston alkuperäisessä muodossaan HTML-koodin suorittamisen jälkeen yksinkertaisen HTML: n sijaan, kuten teimme Muistio-tiedostossa.

Voit kopioida koodin, liittää sen alkuperäiseen asiakirjaan ja poistaa valkoiset välit koodiriveiltä yllä mainittujen vaiheiden avulla. Tämän seurauksena huomaat, että lopullinen tulos on lähes identtinen menetelmän kanssa.

Jos et halua muuttaa muotoilua taulukon ominaisuuksilla, on olemassa toinen tapa tehdä se. Tavoitteena on muotoilla Google Docsiin sijoitetut koodit Microsoft Word -asiakirjan avulla. Näin voit edetä asiassa.

3. Koodilohkojen muotoilu Google Docsissa Microsoft Wordin avulla

Microsoft Wordin avulla voit kopioida korostetun koodin syntaksin korostimesta suoraan asiakirjaan, ja se pitää taustan yhtenäisenä ilman, että rivien välissä on välilyöntejä.

Siksi on mahdollista hyödyntää tätä joustavuutta muotoilemalla kaikki koodilohkot Microsoft Word -asiakirjassa ja lataamalla asiakirja myöhemmin Google-dokumentteihin.

Voit tehdä sen seuraavasti:

1. Avaa ladattu Google Docs -asiakirja sisään Microsoft Word tai tyhjä Microsoft Word -asiakirja.
2. Saadaksesi korostetun koodin syntaksin korostusnäytöstä, noudata samoja vaiheita kuin menetelmässä yksi.
3. Korostetun koodin liittäminen suoraan Microsoft Word -asiakirjaan muotoilee koodilohkon automaattisesti.
4. Tallentaa Microsoft Word -dokumentti ja lähetä se Google-dokumentteihin.

Google-dokumentteihin lisätty koodi voidaan kopioida muihin Docs-asiakirjoihin muotoilua säilyttäen. Joten voit joko käyttää tätä menetelmää Google-dokumenttien tiedostojen alustamiseen tai vain koodit erilliseen tiedostoon ja kopioida ja liittää ne sitten alkuperäiseen tiedostoon.

Koodilohkojen manuaalisen muotoilun haitat Google-dokumenteissa

Koodilohkojen manuaalisen muotoilun suurin haittapuoli Google-dokumenteissa on, että kaikki kolme menetelmää vievät huomattavan osan ajasta. Lisäksi minkä tahansa koodityylin muuttaminen vaatii aloittamista alusta.

On myös pieniä virhemahdollisuuksia, jos syntaksin korostus ei tue ohjelmointikieltä, jota yrität alustaa.

Voit voittaa nämä rajoitukset käyttämällä Google-dokumenttien lisäosia. Tähän työhön on saatavilla useita lisäosia, mutta käytämme tässä tapauksessa koodilohkoja.

Katsotaanpa, kuinka voit käyttää lisäosaa koodilohkojen muotoiluun ja mitä etuja se tarjoaa.

Koodilohkojen muotoilu Google Docsissa käyttämällä koodilohkolisäosaa

Muotoile koodinestolaitteet lisäosan avulla seuraavasti:

1. Siirry Google Docs -asiakirjaan.
2. Navigoida johonkin Lisäosat > Hanki lisäosia.
3. Kirjoita hakupalkkiin "Koodilohkot" ja osui Tulla sisään.
4. Valitse ensimmäinen yllä näkyvä lisäosa ja napsauta Asentaa.
5. Navigoida johonkin Lisäosat > Koodilohkot > Käynnistä.
6. Valitse kooditeksti ja valitse haluamasi kieli ja teema oikeanpuoleisesta sivupalkista.
7. Klikkaa Muoto -painiketta.

Yllä olevat vaiheet muotoilevat koodilohkot kuten teimme manuaalisesti. Tarkistetaan Ei taustaa -valintaruutu juuri yläpuolella Muoto -painikkeella voit näyttää muotoiltuja koodilohkoja pelkkänä tekstinä ilman taustaa.

Lisäosia käyttämällä koodilohkojen muotoilun edut

Lisäosa yksinkertaistaa koodilohkojen muotoilua, mikä säästää paljon aikaa. Lisäksi voit nopeasti muotoilla koodilohkoja eri kielillä samassa asiakirjassa muuttamatta merkittävästi syntaksin korostimen muotoiluasetuksia.

Siksi, jos haluat säästää aikaa ja saada paremman muotoilun hallinnan, lisäosan käyttäminen olisi oikea tapa edetä.

Vaikka Google Docs tarjoaa enemmän joustavuutta, on monia muitakin online-tekstinkäsittelytyökalut valita, jos et pidä sen ulkonäöstä ja tuntumasta.

Muotoile koodilohkot helposti Google Docsissa

Muotoile koodilohkosi Google Docsissa joko manuaalisesti tai lisäosan avulla, jotta asiakirjasi näyttävät houkuttelevilta ja helpompia lukea. Jos löydät lisäosan, joka on viallinen tai ei muotoudu odotetulla tavalla, manuaaliset menetelmät ovat paras vaihtoehto.

Code Blocks on vain yksi monista lisäosista, joiden avulla voit hallita muotoilua paremmin ja tehdä asiakirjoistasi ammattimaisempaa. On monia muita, joita sinun pitäisi tutkia.

10 parasta Google Docs -lisäosaa ammattimaisempiin asiakirjoihin

Lue Seuraava

Kirjailijasta