PC & Seluler

Cara Menambahkan Penyorotan Sintaks ke Kode Sumber di Google Documents

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 bahwa editor pengkodean yang baik menyertakan penyorotan sintaks, fitur yang memformat kode sumber dan menetapkan font dan warna ke kata kunci dan konstruksi di dalam kode agar lebih mudah dibaca. Editor teks seperti Notepad ++, yang tercakup dalam panduan Tech Junkie ini, disukai oleh pengembang karena alasan ini. Sebagian besar pengembang tidak melihat Google Documents sebagai editor pengkodean potensial, terlepas dari fitur workgroup dan integrasi cloud yang hebat, karena tidak menyertakan opsi penyorotan sintaks bawaan.

Cara Menambahkan Penyorotan Sintaks ke Kode Sumber di Google Documents

Namun, Anda dapat menambahkan penyorotan sintaks ke kode dalam dokumen Google Doc. Sebenarnya, setidaknya ada beberapa add-on untuk Documents yang memungkinkan Anda memformat berbagai bahasa pemrograman dan markup dengan penyorotan sintaks. Ada juga banyak aplikasi web yang dapat Anda gunakan untuk memasukkan kode sumber dengan penyorotan di Google Documents. Dalam artikel ini saya akan menunjukkan kepada Anda cara menambahkan penyorotan sintaks kode sumber ke dokumen Documents Anda.

Format kode sumber dengan Code Pretty

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 menyesuaikan pemformatan sintaks, tetapi masih menambahkan opsi penyorotan sintaks yang praktis ke Documents. Anda dapat menambahkan CP ke Documents dengan mengeklik NSee tombol di halaman web ini. Kemudian tekan tombol Mengizinkan tombol untuk mengonfirmasi izin untuk add-on.

Selanjutnya, buka Documents di browser Anda; dan klik tab Add-on untuk membuka menunya. Menu itu sekarang akan menyertakan add-on Code Pretty. Untuk memberi Anda contoh bagaimana pengaya ini menyoroti sintaks, 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 sebuah gambar.

Menyalakan lampu

Mematikan lampu

Rekatkan sampel JavaScript itu ke Documents dengan menekan Ctrl + V. Kemudian pilih kode di pengolah kata dengan kursor. Klik Pengaya >Kode Cantik dan pilih Pilihan Format pilihan dari submenu. Itu akan memformat JavaScript seperti yang ditunjukkan pada snapshot langsung di bawah ini.

Seperti yang dinyatakan, CP tidak menyertakan banyak pengaturan untuk penyorotan sintaks. Namun, Anda dapat menyesuaikan ukuran font dari kode yang disorot dengan mengklik Pengaya >Kode Cantik dan Pengaturan. Itu akan membuka bilah sisi 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 Documents. Ini sebenarnya adalah add-on yang sedikit lebih baik untuk menyorot sintaks karena mencakup banyak tema penyorotan. tekan Gratis tombol di halaman situs web ini untuk menambahkan Blok Kode ke Dokumen.

Setelah Anda menginstal Blok Kode, buka Dokumen dan salin dan tempel kode JavaScript yang sama di atas ke dalam pengolah kata seperti sebelumnya. Klik Pengaya >Blok Kode dan pilih Awal untuk membuka bilah sisi 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 tarik-turun 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 disorot.

Salin dan Tempel Kode Sumber yang Disorot ke Google Documents

Selain Blok Kode dan Kode Pretty Docs, 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 sintaks 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 kotak kode sumber Textmate dengan tombol pintas Ctrl + C dan Ctrl + V. 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 pada cuplikan langsung di bawah ini.

Selanjutnya, pilih JavaScript yang disorot di 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 memerlukan editor teks desktop untuk menambahkan penyorotan sintaks ke perangkat lunak dan kode situs web. Sebagai gantinya, Anda dapat menyorot kode sintaks dalam dokumen Documents dengan ekstensi Code Pretty dan Code Blocks. Atau, salin dan tempel kode Anda ke dan dari aplikasi web Textmate untuk menyisipkan kode sumber dengan penyorotan di Google Documents.

Punya cara lain untuk menambahkan pemformatan sintaks ke Google Documents? Bagikan dengan kami di bawah ini!

$config[zx-auto] not found$config[zx-overlay] not found