Arendajad ja programmeerijad on pikka aega kasutanud tekstiredaktoreid peamise viisina arvutikoodi sisestamiseks. Mõnel arenduskeskkonnal on oma sisseehitatud redaktorid, kuid arendajatele meeldib tavaliselt üks redaktor ja nad jäävad selle programmi juurde. Selle üheks põhjuseks on see, et hea kodeerimisredaktor sisaldab süntaksi esiletõstmist – funktsiooni, mis vormindab lähtekoodi ning määrab märksõnadele fonte ja värve ning konstrueerib koodi sees, et muuta seda palju lihtsamaks. Sel põhjusel eelistavad arendajad tekstiredaktoreid, nagu Notepad ++, mida selles Tech Junkie juhendis käsitletakse. Enamik arendajaid ei pea Google Docsi potentsiaalseks kodeerimisredaktoriks, hoolimata selle suurepärastest töörühma funktsioonidest ja pilve integreerimisest, kuna see ei sisalda sisseehitatud süntaksi esiletõstmise valikuid.
Siiski saate Google Doci dokumentides koodile lisada süntaksi esiletõstmise. Tegelikult on Docsi jaoks vähemalt paar lisandmoodulit, mis võimaldavad vormindada erinevaid programmeerimis- ja märgistuskeeli süntaksi esiletõstmisega. Samuti on palju veebirakendusi, mida saate kasutada Google Docsi esiletõstmisega lähtekoodi sisestamiseks. Selles artiklis näitan teile, kuidas lisada oma Docsi dokumentidele lähtekoodi süntaksi esiletõst.
Vormindage lähtekood koodiga Code Pretty
Code Pretty on Google Docsi lisandmoodul, mis lisab valitud koodile automaatselt esiletõstmise. Code Pretty ei sisalda tohutul hulgal sätteid süntaksivormingu kohandamiseks, kuid lisab siiski Docsile käepärase süntaksi esiletõstmise võimaluse. CP saate lisada dokumentidesse, klõpsates nuppu Free nuppu sellel veebilehel. Seejärel vajutage nuppu Lubama nuppu lisandmooduli lubade kinnitamiseks.
Järgmisena avage oma brauseris Docs; ja klõpsake selle menüü avamiseks vahekaarti Lisandmoodulid. See menüü sisaldab nüüd lisandmoodulit Code Pretty. Näite andmiseks selle kohta, kuidas see lisandmoodul süntaksi esile tõstab, valige allolev JavaScripti näidiskood ja kopeerige see Docsi dokumenti, vajutades klahvikombinatsiooni Ctrl + C.
Mida saab JavaScript teha?
JavaScript võib muuta HTML-i atribuute.
Sel juhul muudab JavaScript pildi src (source) atribuuti.
Pane tuli põlema
Pane tuli kustu
Kleepige see JavaScripti näidis rakendusse Dokumendid, vajutades klahvikombinatsiooni Ctrl + V. Seejärel valige kursoriga tekstitöötlusprogrammis kood. Klõpsake Lisandmoodulid >Kood ilus ja valige Vormingu valik valik alammenüüst. See vormindab JavaScripti, nagu on näidatud otse alloleval hetktõmmisel.
Nagu öeldud, ei sisalda CP palju süntaksi esiletõstmise sätteid. Siiski saate klõpsates kohandada esiletõstetud koodi fondi suurust Lisandmoodulid >Kood ilus ja Seaded. See avab otse allpool näidatud külgriba. Seejärel saate sealt valida esiletõstetud koodi jaoks alternatiivse vaikefondi suuruse.
Vormindage lähtekood koodiplokkidega
Koodiplokid on CP alternatiivne lisandmoodul, mille saate dokumentidele lisada. See on tegelikult veidi parem lisandmoodul süntaksi esiletõstmiseks, kuna see sisaldab arvukalt esiletõstmise teemasid. Vajutage nuppu Tasuta nuppu sellel veebisaidil, et lisada dokumentidele koodiplokke.
Kui olete koodiplokid installinud, avage Docs ning kopeerige ja kleepige sama ülaltoodud JavaScripti kood tekstitöötlusprogrammi nagu varem. Klõpsake Lisandmoodulid >Koodiplokid ja valige Alusta otse alloleval pildil näidatud külgriba avamiseks.
Valige kursoriga ainult JavaScripti tekst. Veenduge, et te ei vali koodi kohal ega all tühja dokumendiruumi. Valige JavaScript esimesest rippmenüüst. Seejärel saate valida ka teema hulgast Teema rippmenüüst. Vajutage nuppu Vorming nuppu, et lisada koodile süntaksi esiletõst, nagu allpool näidatud. Nüüd on JavaScripti tekst palju selgem, kuna selle märgistussildid on esile tõstetud.
Kopeerige ja kleepige esiletõstetud lähtekood Google Docsi
Lisaks koodiplokkidele ja Code Pretty Docsile saate lähtekoodi vormindamiseks kasutada ka süntaksi esiletõstmise veebirakendusi. Seejärel saate kopeerida ja kleepida esiletõstetud lähtekoodi veebirakendusest tagasi oma Docsi dokumenti. Textmate on üks süntaksi esiletõstmise veebirakendus, mis vormindab paljusid programmeerimis- ja märgistuskeeli.
Textmate avamiseks klõpsake sellel hüperlingil. Seejärel kopeerige ja kleepige selles postituses sisalduv JavaScripti tekst kiirklahvide Ctrl + C ja Ctrl + V abil Textmate lähtekoodikasti. Valige JavaScript rippmenüüst Keel. Valige rippmenüüst Teema süntaksi esiletõstmise teema. Vajutage nuppu Tõstke esile nuppu, et saada eelvaade lähtekoodi vormingust, nagu on näidatud otse alloleval hetktõmmisel.
Järgmiseks valige eelvaates kursoriga esiletõstetud JavaScript ja vajutage klahvikombinatsiooni Ctrl + C. Kleepige esiletõstetud kood Google Docsi, vajutades klahvikombinatsiooni Ctrl + V. See lisab esiletõstetud JavaScripti lähtekoodi Docsi dokumenti, nagu on näidatud otse allpool.
Seega pole tarkvarale ja veebisaidi koodile süntaksi esiletõstmise lisamiseks vaja töölaua tekstiredaktorit. Selle asemel saate Docsi dokumentides esile tõsta süntaksikoodi laiendustega Code Pretty ja Code Blocks. Teise võimalusena kopeerige ja kleepige oma kood Textmate veebirakendusse ja sealt välja, et lisada Google Docsi esiletõstmisega lähtekood.
Kas teil on muid võimalusi Google Docsi süntaksivormingu lisamiseks? Jaga neid meiega allpool!
