Matagal nang gumagamit ng mga editor ng teksto ang mga nag-develop at programmer bilang pangunahing paraan ng pagpasok ng computer code. Ang ilang mga pag-unlad na kapaligiran ay may sariling built-in na mga editor, ngunit ang mga developer ay karaniwang mahilig sa isang editor at dumidikit sa programang iyon. Ang isang kadahilanan para dito ay ang isang mahusay na editor ng coding ay may kasamang pag-highlight ng syntax, isang tampok na bumubuo ng source code at nagtalaga ng mga font at kulay sa mga keyword at mga konstruksyon sa loob ng code upang mas madaling mabasa. Ang mga editor ng teksto tulad ng Notepad ++, na sakop sa gabay na ito ng Tech Junkie, ay pinapaboran ng mga developer para sa kadahilanang ito. Hindi tinitingnan ng karamihan sa mga developer ang Google Docs bilang isang potensyal na editor ng coding, sa kabila ng mahusay na mga tampok ng workgroup at pagsasama ng ulap, sapagkat hindi kasama nito ang mga pagpipilian na naka-highlight na syntax-highlight.
Gayunpaman, maaari kang magdagdag ng pag-highlight ng syntax sa code sa mga dokumento ng Google Doc. Mayroong, sa katunayan, hindi bababa sa isang pares ng mga add-on para sa Mga Doktor na nagbibigay-daan sa iyo upang mai-format ang iba't ibang mga programming at markup na wika na may pag-highlight ng syntax. Marami ring mga web app na maaari mong magamit upang magpasok ng source code na may pag-highlight sa mga Google Docs. Ipapakita ko sa iyo kung paano magdagdag ng syntax ng source code na nagpo-highlight sa iyong mga dokumento ng Dok.
Format ng source code na may Code Pretty
Ang Code Pretty ay isang add-on para sa Google Docs na awtomatikong nagdaragdag ng pag-highlight sa napiling code. Ang Code Pretty ay hindi kasama ang isang malaking halaga ng mga setting para sa pagpapasadya ng pag-format ng syntax, ngunit nagdaragdag pa ito ng isang madaling gamitin na pagpipilian sa pag-highlight ng syntax sa mga Dok. Maaari kang magdagdag ng CP sa Mga Dok sa pamamagitan ng pag-click sa pindutan ng Fr ee sa webpage na ito. Pagkatapos pindutin ang pindutan ng Payagan upang kumpirmahin ang mga pahintulot para sa add-on.
Susunod, buksan ang mga Dok sa iyong browser; at i-click ang tab na Add-ons upang buksan ang menu nito. Kasama sa menu na ngayon ang Code Pretty add-on. Upang mabigyan ka ng isang halimbawa kung paano ang add-on na mga syntax na ito, piliin at kopyahin ang halimbawang JavaScript code sa ibaba sa isang dokumento ng Dok sa pamamagitan ng pagpindot sa Ctrl + C.
Ano ang Magagawa ng JavaScript?
Maaaring baguhin ng JavaScript ang mga katangian ng HTML.
Sa kasong ito binago ng JavaScript ang katangian ng src (mapagkukunan) ng isang imahe.
Idikit ang halimbawang JavaScript sa mga Dok sa pamamagitan ng pagpindot sa Ctrl + V. Pagkatapos ay piliin ang code sa word processor na may cursor. Mag-click sa Mga Add-on > Code Pretty at piliin ang pagpipilian ng Format Selection mula sa submenu. I-format nito ang JavaScript tulad ng ipinapakita sa snapshot nang direkta sa ibaba.
Tulad ng nakasaad, hindi kasama ng CP ang maraming mga setting para sa pag-highlight ng syntax. Gayunpaman, maaari mong ayusin ang laki ng font ng naka-highlight na code sa pamamagitan ng pag-click sa Mga Add-on > Code Pretty at Mga Setting . Bubuksan iyon ng sidebar na ipinakita nang direkta sa ibaba. Pagkatapos ay maaari kang pumili ng isang alternatibong laki ng default na font para sa naka-highlight na code mula doon.
Format ng source code na may Code Blocks
Ang Code Blocks ay isang alternatibong add-on sa CP na maaari mong idagdag sa mga Dok. Ito ay talagang isang bahagyang mas mahusay na add-on upang i-highlight ang syntax na may kasamang maraming mga tema ng pag-highlight. Pindutin ang Libreng pindutan sa pahina ng website na ito upang magdagdag ng mga Code Blocks sa mga Dok.
Kapag na-install mo ang Code Blocks, buksan ang mga Dok at kopyahin at idikit ang parehong code ng JavaScript sa itaas sa salitang processor tulad ng dati. Mag-click sa Mga Add-on > Code Blocks at piliin ang Start upang buksan ang sidebar na ipinakita sa shot nang direkta sa ibaba.
Piliin lamang ang teksto ng JavaScript gamit ang iyong cursor. Siguraduhin na hindi ka pumili ng anumang walang laman na puwang ng dokumento sa itaas o sa ibaba ng code. Piliin ang JavaScript mula sa unang menu ng drop-down. Pagkatapos ay maaari ka ring pumili ng isang tema mula sa menu ng drop-down na Tema . Pindutin ang pindutan ng Format upang idagdag ang pag-highlight ng syntax sa code tulad ng ipinakita sa ibaba. Ngayon ang teksto ng JavaScript ay mas malinaw sa mga markup tag na naka-highlight.
Kopyahin at I-paste ang nai-highlight na Source Code sa Google Docs
Bukod sa Code Blocks at Code Pretty Docs, maaari mo ring gamitin ang syntax highlighter web apps upang ma-format ang source code. Pagkatapos ay maaari mong kopyahin at i-paste ang naka-highlight na source code mula sa isang web app pabalik sa iyong dokumento ng Dok. Textmate ay isang syntax highlighter web app na bumubuo ng maraming mga programming at markup na wika.
I-click ang link na ito upang buksan ang Textmate. Pagkatapos ay kopyahin at i-paste ang teksto ng JavaScript na kasama sa post na ito sa source code box ng Textmate kasama ang Ctrl + C at Ctrl + V hotkey. Piliin ang JavaScript mula sa menu ng drop-down na Wika. Pumili ng isang tema ng highlight ng syntax mula sa menu ng drop-down na Tema. Pindutin ang pindutan ng I- highlight upang makakuha ng isang preview para sa pag-format ng source code tulad ng ipinapakita sa snapshot nang direkta sa ibaba.
Susunod, piliin ang naka-highlight na JavaScript sa preview kasama ang cursor at pindutin ang Ctrl + C. I-paste ang naka-highlight na code sa Google Docs sa pamamagitan ng pagpindot sa Ctrl + V. Idinagdag nito ang naka-highlight na code ng mapagkukunan ng JavaScript sa dokumento ng Dok tulad ng ipinakita nang direkta sa ibaba.
Kaya, hindi mo na kailangan ng isang desktop text editor upang magdagdag ng syntax na pag-highlight sa software at website code. Sa halip, maaari mong i-highlight ang syntax code sa mga dokumento ng Docs na may mga extension ng Code Pretty at Code Blocks. Bilang kahalili, kopyahin at i-paste ang iyong code papunta at mula sa webmaster ng Textmate upang magpasok ng source code na may pag-highlight sa Google Docs.
Mayroon bang iba pang mga paraan upang magdagdag ng pag-format ng syntax sa Google Docs? Ibahagi ang mga ito sa amin sa ibaba!
