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 editor pengkodean yang baik menyertakan penyorotan sintaks, fitur yang memformat kode sumber dan menetapkan font dan warna ke kata kunci dan konstruksi dalam kode untuk membuatnya lebih mudah untuk membaca. Editor teks seperti Notepad ++, yang tercakup dalam hal ini Panduan Pecandu Teknologi, disukai oleh pengembang karena alasan ini. Sebagian besar pengembang tidak melihat Google Documents sebagai editor pengkodean yang potensial, meskipun hebat fitur workgroup dan integrasi cloud, karena tidak menyertakan penyorotan sintaks bawaan pilihan.
Namun, Anda dapat menambahkan penyorotan sintaks ke kode di dokumen Google Doc. Faktanya, setidaknya ada beberapa add-on untuk Docs yang memungkinkan Anda memformat berbagai bahasa pemrograman dan markup dengan penyorotan sintaks. Ada juga banyak aplikasi web yang dapat Anda manfaatkan untuk menyisipkan kode sumber dengan penyorotan di Google Docs. Pada artikel ini saya akan menunjukkan kepada Anda bagaimana menambahkan penyorotan sintaks kode sumber ke dokumen Docs Anda.
Format source code dengan Code Pretty
Code Pretty adalah add-on untuk Google Docs yang secara otomatis menambahkan sorotan ke kode yang dipilih. Code Pretty tidak menyertakan sejumlah besar pengaturan untuk menyesuaikan pemformatan sintaks, tetapi masih menambahkan opsi penyorotan sintaks yang praktis ke Docs. Anda dapat menambahkan CP ke Docs dengan mengklik Free tombol aktif halaman web ini. Kemudian tekan Mengizinkan tombol untuk mengonfirmasi izin untuk add-on.
Selanjutnya, buka Docs di browser Anda; dan klik tab Pengaya untuk membuka menunya. 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 Dokumen 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 sampel JavaScript itu ke Dokumen dengan menekan Ctrl + V. Kemudian pilih kode di pengolah kata dengan kursor. Klik Pengaya > Kode Cantik dan pilih Pemilihan Format pilihan dari submenu. Itu akan memformat JavaScript seperti yang ditunjukkan dalam snapshot langsung di bawah.
Seperti yang dinyatakan, CP tidak menyertakan banyak pengaturan untuk penyorotan sintaks. Namun, Anda dapat menyesuaikan ukuran font kode yang disorot dengan mengklik Pengaya > Kode Cantik Dan Pengaturan. Itu akan membuka sidebar yang ditunjukkan langsung di bawah. Kemudian Anda dapat memilih ukuran font default alternatif untuk kode yang disorot dari sana.
Format kode sumber dengan Blok Kode
Blok Kode adalah add-on alternatif untuk CP yang dapat Anda tambahkan ke Docs. Ini sebenarnya adalah add-on yang sedikit lebih baik untuk menyorot sintaks karena menyertakan banyak tema penyorotan. tekan Bebas tombol aktif halaman situs web ini untuk menambahkan Blok Kode ke Dokumen.
Saat Anda memasang Blok Kode, buka Dokumen dan salin dan tempel kode JavaScript yang sama di atas ke pengolah kata seperti sebelumnya. Klik Pengaya > Blok Kode dan pilih Awal untuk membuka sidebar yang ditunjukkan dalam bidikan langsung di bawah.
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 Tema menu drop down. tekan Format tombol untuk menambahkan penyorotan sintaks ke kode seperti yang ditunjukkan di bawah ini. Sekarang teks JavaScript jauh lebih jelas dengan tag markupnya yang disorot.
Salin dan Tempel Kode Sumber yang Disorot ke dalam Google Docs
Selain Code Blocks dan Code Pretty Docs, Anda juga dapat menggunakan aplikasi web penyorot sintaks untuk memformat kode sumber. Kemudian Anda dapat menyalin dan menempelkan kembali kode sumber yang disorot dari apl web ke dalam dokumen Dokumen Anda. Textmate adalah salah satu aplikasi web penyorot sintaks yang memformat banyak bahasa pemrograman dan markup.
Klik hyperlink ini untuk membuka Textmate. Kemudian salin dan tempel teks JavaScript yang disertakan dalam posting ini ke kotak kode sumber Textmate dengan Ctrl + C dan Ctrl + V hotkeys. Pilih JavaScript dari menu tarik-turun Bahasa. Pilih tema sorotan sintaks dari menu tarik-turun Tema. tekan Menyorot tombol untuk mendapatkan pratinjau untuk pemformatan kode sumber seperti yang ditunjukkan dalam snapshot langsung di bawah.
Selanjutnya, pilih JavaScript yang disorot di pratinjau dengan kursor dan tekan Ctrl + C. Rekatkan kode yang disorot ke Google Docs dengan menekan Ctrl + V. Itu akan menambahkan kode sumber JavaScript yang disorot ke dokumen Docs seperti yang ditunjukkan langsung di bawah ini.
Jadi, Anda tidak memerlukan editor teks desktop untuk menambahkan penyorotan sintaks ke perangkat lunak dan kode situs web. Sebagai gantinya, Anda dapat menyorot kode sintaks dalam dokumen Docs dengan ekstensi Code Pretty dan Code Blocks. Alternatifnya, salin dan tempel kode Anda ke dan dari aplikasi web Textmate untuk menyisipkan kode sumber dengan penyorotan di Google Docs.
Punya cara lain untuk menambahkan pemformatan sintaks ke Google Docs? Bagikan dengan kami di bawah ini!
