Pengenalan Editor Laman
Editor Laman adalah lingkungan pengembangan terintegrasi (IDE) berbasis peramban yang dirancang untuk mempercepat pembuatan microsite dan template dinamis. Editor ini menggabungkan kode Anda di belakang layar sehingga Anda mendapatkan pratinjau langsung yang cepat.
Editor bekerja per proyek. Saat membuka editor, sistem memuat konten dan metadata proyek Anda (nama, slug, publikasi, dan thumbnail) lalu menampilkan UI setelah data siap.
Struktur Ruang Kerja
Ruang kerja Editor Laman terbagi menjadi dua bagian utama:
- Panel Kode (Kiri): Tempat Anda menulis logika, gaya, kerangka, dan data.
- Panel Pratinjau (Kanan): Tempat Laman merender hasil gabungan kode Anda secara langsung.
Tab yang Tersedia
Di Panel Kode, Anda dapat bernavigasi ke beberapa tab:
- HTML: Tulis struktur halaman web Anda. Laman secara otomatis menyuntikkan (inject) ini ke dalam tag
<body>. - CSS: Tempat Anda menulis gaya (styling). Laman akan menyisipkannya ke bagian
<head>dokumen secara otomatis. - JavaScript: Tulis interaktivitas halaman Anda di sini. Kode ini disuntikkan ke bagian bawah halaman sebagai inline script.
- Data: Tab berbasis JSON untuk mendefinisikan state atau content variables yang bisa dipakai di HTML dan JavaScript.
Pratinjau Langsung
Pratinjau akan memuat ulang otomatis saat konten berubah. Anda juga bisa menekan tombol Refresh di toolbar untuk membuat pratinjau baru secara paksa.
Sistem Penyimpanan Otomatis
Laman menyimpan pekerjaan Anda di awan (cloud). Anda dapat menggunakan pintasan keyboard standar:
- Mac: Cmd + S
- Windows: Ctrl + S
Sistem ini mencegat fungsi bawaan browser sehingga perubahan tersimpan tanpa memuat ulang halaman. Indikator tombol Save di toolbar menunjukkan status: Saved, Save, atau Saving....