Editor Kode dan Tab

Laman menggunakan Monaco Editor dengan tema khusus, word wrap, dan tampilan bersih (tanpa minimap) agar fokus pada konten.

Tab HTML (Handlebars)

Editor HTML mendukung template Handlebars. Kunci data dari tab Data akan muncul sebagai autocomplete.

<h1>{{title}}</h1>
<p>{{subtitle}}</p>

Tab CSS

Tulis CSS standar. Editor mendukung Emmet untuk mempercepat penulisan selector dan properti.

Tab JavaScript

Tulis skrip inline untuk interaktivitas. Data tersedia melalui objek global:

const data = __APP_DATA__;
console.log(data.title);

Tab Data

Tab Data membuka editor terstruktur untuk mendefinisikan JSON. Kunci yang Anda buat akan dipakai di HTML dan JS.

Image Picker

Gunakan tombol gambar di toolbar kode untuk membuka image picker, lalu klik gambar untuk menyalin URL publiknya.