Advertisement
  1. Computer Skills
  2. Productivity

Tip Singkat: Konfigurasi TextEdit Untuk Coding HTML

by
Read Time:4 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Jika seperti saya, kamu mulai mendalami HTML dan desain web, kamu mungkin merasa sedikit tersesat ketika memilih editor HTML. Kamu mungkin sedikit gelisah untuk menghabiskan uang pada sebuah aplikasi coding jika kamu benar-benar baru pada HTML dan masih pemula. Untungnya, OS X hadir dengan sebuah editor HTML bawaan yang bagus. Mari kita lihat bagaimana kamu dapat mengatur TextEdit untuk menjadi editor HTML dasar.


Apakah TextEdit Itu?

Seperti yang dinyatakan namanya, TextEdit adalah editor teks dasar yang dipaketkan dengan Mac sebagai bagian dari aplikasi bawaan, bersama dengan Safari, iLife Suite, dan banyak lagi. Sementara TextEdit terutama ditujukan agar kamu dapat menulis teks dasar, hanya dengan beberapa perubahan pada pengaturan kamu dapat mengubah TextEdit ke dalam sebuah editor HTML dasar, dan kamu tidak perlu menginvestasikan lebih dari yang sudah kamu lakukan pada Mac.

Jika kamu mencoba membuka sebuah file HTML di dalam TextEdit sebagai mana adanya, kamu akan melihat bahwa TextEdit sebenarnya menerjemahkan file seolah itu berada dalam tampilan browser web. Artinya, TextEdit membaca HTML tag untuk teks sebaik CSS formatting untuk tag tersebut dan menunjukkanmu hasil halaman yang telah diformat.

Rendered HTML Code in TextEditRendered HTML Code in TextEditRendered HTML Code in TextEdit
Code HTML Yang Diterjemahkan Dalam TextEdit

Ini bagus untuk melihat seperti apa tampaknya halaman itu, namun untuk dapat benar-benar berkerja dan mengedit code HTML, kita perlu memberitahu TextEdit untuk tidak menerjemahkan HTML tag dan untuk menunjukkan kita code mentahnya.


Preferences Pada TextEdit

Jika kamu pergi ke preferences TextEdit dengan masuk ke TextEdit > Preferences kamu akan melihat semua pilihan yang tersedia. Ada dua tab utama pada puncak, New Document dan Open and Save.

Preferensi pertama yang perlu kita ubah adalah di bawah tab New Document, di bawah Format. Kamu akan ingin mengatur format ke Plain Text dengan mencentang kotak centangnya.

Setting The Format To Plain Text Will Prevent you From Accidentally Adding Rich Text Formatting To Your HTML Code.Setting The Format To Plain Text Will Prevent you From Accidentally Adding Rich Text Formatting To Your HTML Code.Setting The Format To Plain Text Will Prevent you From Accidentally Adding Rich Text Formatting To Your HTML Code.
Mengatur format ke plain text akan mencegahmu dari menambahkan format rich text ke dalam code HTML secara tidak sengaja.

HTML, Hyper Text Markup Language, ditulis dalam format plain text. HTML code tidak memiliki format rich text seperti karakter tebal dan cetak miring. Dengan mencentang ini akan memberi tahu TextEdit untuk hanya menggunakan plain text sehingga kamu tidak akan secara tidak sengaja menambahkan format rich teks ke dalam code.

Berikutnya, di bawah tab Open and Save, di bawah When Opening a File, centangi kotak "Display HTML files as HTML code instead of formatted text".

TextEdit Will Now Show You The HRML Code Instead Of Rendering The Code.TextEdit Will Now Show You The HRML Code Instead Of Rendering The Code.TextEdit Will Now Show You The HRML Code Instead Of Rendering The Code.
TextEdit sekarang akan menunjukkanmu code HTML bukannya menerjemahkan halaman web.

Ini akan memaksa TextEdit untuk menunjukkanmu code HTML sebenarnya daripada menerjemahkan halaman dan menunjukkanmu format akhir seperti ketika kita membuka file HTML beberapa waktu yang lalu.

Ini adalah perubahan untuk dibuat, sekarang kamu perlu memastikan untuk keluar dari TextEdit dan menjalankan kembali supaya perubahan berlaku.


Mengedit HMTL Dalam TextEdit

Ketika kamu menjalankan ulang TextEdit, kamu akan menyadari bahwa formatting bar menghilang dari bagian atas tampilan. Ini memberitahumu bahwa kamu hanya menggunakan teks dasar tanpa format.

Jika kita membuka file yang sama seperti sebelumnya, kamu akan melihat bahwa kita sedang melihat code HTML yang sebenarnya bukannya yang telah diterjemahkan.

TextEdit Is Now Set Up For Basic HTML Code EditingTextEdit Is Now Set Up For Basic HTML Code EditingTextEdit Is Now Set Up For Basic HTML Code Editing
TextEdit sekarang diatur untuk editing code HTML dasar.

Untuk membuat sebuah file HTML baru, kamu membuat dokumen baru seperti normal. Bagaimana pun juga, ketika kamu menyimpan file kamu perlu menambahkan ".html" pada bagian akhir. TextEdit akan meminta jika kamu ingin menggunakan ekstensi file. Klik "Yes" dan kamu telah membuat sebuah file HTML.


Kesimpulan

TextEdit adalah editor HTML dasar yang bagus, namun kamu dapat mengatasinya cukup cepat tergantung pada seberapa cepat kamu melangkah maju. Editor HTML lainnya menawarkan fitur seperti melengkapi dan menutup HTML tag secara otomatis, pelaporan kesalahan HTML tag, juga menampung beberapa fitur berguna lainnya yang tidak akan kamu dapatkan di TextEdit.

Seperti yang telah dibilang, untuk harga yang gratis dengan tiap pembayaran Mac, TextEdit adalah cara tercepat untuk memulai dan menjalankan editing HTML dan desain web dan seringkali merupakan cara yang bagus bahkan bagi profesional berpengalaman untuk membuat perubahan yang cepat terhadap sesuatu.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.