Pengaturan Editor

Tab: JavaScript HTML CSS Hasil

Visual: Terang Gelap

Perilaku

Jalankan kode otomatis, hanya jalankan kode yang valid, simpan kode otomatis, validasi kode langsung, muat ulang CSS, muat ulang HTML.

Umum

Nomor baris, bungkus baris, indentasi dengan spasi, pelengkapan kode otomatis, ukuran indentasi, ukuran font, keluarga font.

Konsol

Konsol di editor, bersihkan konsol saat dijalankan.

Catatan Perubahan

• Daftar font koder monospace yang dikurasi

  Sekarang Anda dapat menggunakan berbagai font monospace di editor – tersedia daftar font keren termasuk premium. Buka aplikasi mini 'Coder Fonts' dari sidebar atau Pengaturan Editor. Tersedia font Input dan Commit Mono.

• Generator CSS Flexbox sebagai aplikasi

  Generator CSS Flexbox memungkinkan Anda membuat tata letak tanpa perlu mengingat properti dan nilai yang membingungkan. Terinspirasi dari flexer tetapi dikode dari awal.

• Perubahan perilaku untuk Sumber Daya Eksternal

  Menambahkan Sumber Daya Eksternal tidak lagi membuat daftar di sidebar, melainkan disuntikkan sebagai tag LINK atau SCRIPT di panel HTML.

• Pelengkapan Kode dengan konteks tambahan

  Pelengkapan Kode sekarang akan mempertimbangkan konteks dari semua panel sebelum menyarankan kode – misalnya, jika ada CSS atau JS, panel HTML akan memberikan saran berdasarkan panel lainnya.

• Pelengkapan Kode AI (beta)

  Menambahkan sentuhan AI di editor – Pelengkapan Kode berdasarkan model AI. Saat ini memerlukan kunci API sendiri yang bisa didapatkan gratis.

• Beralih editor dari CodeMirror ke Monaco

  Setelah pertimbangan, beralih dari CodeMirror ke Monaco. CodeMirror 5 tidak lagi dikembangkan, dan beralih ke 6 memerlukan penulisan ulang besar. Monaco memiliki banyak fitur bawaan. Terima kasih atas kerja CodeMirror selama ini.

• Platform akan memuat lebih cepat

  Hutang teknis telah dikurangi. MooTools telah diganti dengan Javascript asli, sehingga paket akhir menjadi ~30% lebih kecil.