Pengembang dan pemrogram telah lama menggunakan editor teks sebagai cara utama memasukkan kode komputer. Beberapa lingkungan pengembangan memiliki editor bawaannya sendiri, tetapi pengembang biasanya menyukai satu editor dan tetap menggunakan program itu. Salah satu alasannya adalah karena editor penyunting yang baik menyertakan penyorotan sintaks, sebuah fitur yang memformat kode sumber dan menetapkan font dan warna untuk kata kunci dan membuat dalam kode untuk membuatnya lebih mudah dibaca. Editor teks seperti Notepad ++, yang tercakup dalam panduan Tech Junkie ini, disukai oleh pengembang karena alasan ini. Sebagian besar pengembang tidak memandang Google Documents sebagai editor koding yang potensial, meskipun memiliki fitur workgroup dan integrasi cloud yang hebat, karena tidak menyertakan opsi penyorotan sintaks bawaan.
Namun, Anda dapat menambahkan penyorotan sintaks ke kode di dokumen Google Doc. Faktanya, setidaknya ada beberapa tambahan untuk Documents yang memungkinkan Anda memformat berbagai bahasa pemrograman dan markup dengan penyorotan sintaksis. Ada juga banyak aplikasi web yang dapat Anda manfaatkan untuk memasukkan kode sumber dengan menyoroti di Google Documents. Saya akan menunjukkan kepada Anda cara menambahkan highlight sintaksis kode sumber ke dokumen Documents Anda.
Memformat kode sumber dengan Kode Cantik
Code Pretty adalah add-on untuk Google Documents yang secara otomatis menambahkan sorotan ke kode yang dipilih. Code Pretty tidak menyertakan sejumlah besar pengaturan untuk mengkustomisasi pemformatan sintaksis, tetapi tetap menambahkan opsi penyorotan sintaksis yang berguna untuk Documents. Anda dapat menambahkan CP ke Documents dengan mengeklik tombol Fr pada halaman web ini. Lalu tekan tombol Izinkan untuk mengonfirmasi izin untuk add-on.
Selanjutnya, buka Documents di browser Anda; dan klik tab Add-ons untuk membuka menu-nya. Menu itu sekarang akan menyertakan add-on Code Pretty. Untuk memberi Anda contoh bagaimana add-on ini menyoroti sintaksis, pilih dan salin contoh kode JavaScript di bawah ini ke dalam dokumen Documents dengan menekan Ctrl + C.
Apa Yang Dapat Dilakukan JavaScript?
JavaScript dapat mengubah atribut HTML.
Dalam hal ini JavaScript mengubah atribut src (sumber) dari suatu gambar.
Rekatkan contoh JavaScript itu ke dalam Documents dengan menekan Ctrl + V. Lalu pilih kode dalam pengolah kata dengan kursor. Klik Pengaya > Kode Cantik dan pilih opsi Format Format dari submenu. Itu akan memformat JavaScript seperti yang ditunjukkan dalam foto langsung di bawah.
Seperti yang dinyatakan, CP tidak menyertakan banyak pengaturan untuk penyorotan sintaksis. Namun, Anda dapat menyesuaikan ukuran font dari kode yang disorot dengan mengklik Add-ons > Kode Cantik dan Pengaturan . Itu akan membuka bilah samping yang ditampilkan langsung di bawah. Kemudian Anda dapat memilih ukuran font default alternatif untuk kode yang disorot dari sana.
Memformat kode sumber dengan Blok Kode
Blok Kode adalah add-on alternatif untuk CP yang dapat Anda tambahkan ke Documents. Ini sebenarnya add-on yang sedikit lebih baik untuk menyoroti sintaksis karena mencakup banyak tema penyorotan. Tekan tombol Gratis di halaman situs web ini untuk menambahkan Blok Kode ke Documents.
Ketika Anda telah menginstal Blok Kode, buka Documents dan salin dan tempel kode JavaScript yang sama di atas ke pengolah kata seperti sebelumnya. Klik Pengaya > Blok Kode dan pilih Mulai untuk membuka bilah sisi yang ditunjukkan dalam bidikan langsung di bawah ini.
Pilih hanya teks JavaScript dengan kursor Anda. Pastikan Anda tidak memilih ruang dokumen kosong di atas atau di bawah kode. Pilih JavaScript dari menu drop-down pertama. Kemudian Anda juga dapat memilih tema dari menu tarik-turun Tema . Tekan tombol Format untuk menambahkan highlight sintaks ke kode seperti yang ditunjukkan di bawah ini. Sekarang teks JavaScript jauh lebih jelas dengan tag markupnya disorot.
Salin dan tempel Kode Sumber yang Disorot ke Google Documents
Selain dari Blok Kode dan Kode Pretty Documents, Anda juga dapat menggunakan aplikasi web penyorot sintaks untuk memformat kode sumber. Kemudian Anda dapat menyalin dan menempelkan kode sumber yang disorot dari aplikasi web kembali ke dokumen Documents Anda. Textmate adalah salah satu aplikasi web penyorot sintaksis yang memformat berbagai bahasa pemrograman dan markup.
Klik hyperlink ini untuk membuka Textmate. Kemudian salin dan tempel teks JavaScript yang disertakan dalam posting ini ke dalam kotak kode sumber Textmate dengan tombol pintas Ctrl + C dan Ctrl + V. Pilih JavaScript dari menu tarik-turun Bahasa. Pilih tema sorotan sintaksis dari menu tarik-turun Tema. Tekan tombol Sorot untuk mendapatkan pratinjau untuk pemformatan kode sumber seperti yang ditunjukkan pada foto langsung di bawah.
Selanjutnya, pilih JavaScript yang disorot dalam pratinjau dengan kursor dan tekan Ctrl + C. Tempel kode yang disorot ke Google Documents dengan menekan Ctrl + V. Itu akan menambahkan kode sumber JavaScript yang disorot ke dokumen Documents seperti yang ditunjukkan langsung di bawah ini.
Jadi, Anda tidak perlu editor teks desktop untuk menambahkan highlight sintaks ke perangkat lunak dan kode situs web. Sebagai gantinya, Anda dapat menyorot kode sintaksis dalam dokumen Documents dengan ekstensi Kode Cantik dan Blok. Atau, salin dan tempel kode Anda ke dan dari aplikasi web Textmate untuk memasukkan kode sumber dengan sorotan di Google Documents.
Punya cara lain untuk menambahkan pemformatan sintaks ke Google Documents? Bagikan kepada kami di bawah ini!
