Editor HTML Dalam Talian

Free

Edit HTML, CSS dan JavaScript dalam tiga panel dengan pratonton langsung bersandbox yang dikemas kini semasa anda menaip, serta muat turun sekali klik sebagai fail HTML yang berdiri sendiri.

Pratonton langsung

Aktiviti Terkini

Kelihatan kepada semua orang. 20 penggunaan terakhir merentasi semua pelawat, terbaharu dahulu.

Выполнен живой предпросмотр (132 символов HTML, 77 символов CSS, 102 символов JS)

18 minit yang lepas

Eine Live-Vorschau ausgeführt (132 HTML-Zeichen, 77 CSS-Zeichen, 102 JS-Zeichen)

32 minit yang lepas

Ran a live preview (27 HTML chars, 42 CSS chars, 151 JS chars)

4 jam yang lepas

Ran a live preview (27 HTML chars, 42 CSS chars, 102 JS chars)

4 jam yang lepas

Ran a live preview (27 HTML chars, 77 CSS chars, 102 JS chars)

4 jam yang lepas

Ran a live preview (132 HTML chars, 77 CSS chars, 102 JS chars)

4 jam yang lepas

Komen (0)

Dapati alat ini berguna? Tinggalkan komen, kongsi petua, atau beritahu kami bagaimana kami boleh menjadikannya lebih baik.

Belum ada komen. Jadi yang pertama berkongsi pendapat anda!

Apa alat ini buat

Tulis HTML, CSS dan JavaScript dalam tiga panel berasingan dan lihat ia digabungkan menjadi satu pratonton langsung yang dikemas kini semasa anda menaip, dengan muat turun hasil sekali klik sebagai fail HTML yang berdiri sendiri.

Bagaimana Ia Berfungsi

Alat ini menyusun dokumen HTML yang lengkap daripada tiga panel anda (CSS dibalut dalam tag style, HTML anda dalam body, JavaScript anda dalam tag script di penghujung), dan memuatkan dokumen itu ke dalam iframe sandbox menggunakan atribut srcdoc. Sandbox membenarkan skrip berjalan tetapi menghalang pratonton daripada mengakses DOM, kuki, atau storan halaman ini, jadi kod anda berjalan dalam persekitaran pelayar yang realistik tetapi terpencil.

Masalah ia selesaikan

Menguji dengan pantas serpihan HTML, peraturan CSS, atau skrip kecil tanpa mencipta fail tempatan.
Membuat prototaip halaman kecil atau idea UI dan mengeksportnya sebagai fail HTML yang berfungsi.
Mendemonstrasikan atau berkongsi contoh kod lengkap yang boleh ditampal dan dijalankan serta-merta oleh orang lain.

Soalan lazim

›Adakah selamat untuk menjalankan JavaScript yang tidak dipercayai dalam pratonton?

Pratonton berjalan dalam iframe sandbox dengan skrip dibenarkan tetapi akses sumber sama dilumpuhkan, jadi kod dalam pratonton tidak boleh membaca atau mengubah halaman ini, kuki anda, atau storan tempatan anda. Ia masih boleh, dalam sandbox itu, menjalankan JavaScript secara bebas, membuka kotak amaran, atau membuat permintaan rangkaian, sama seperti mana-mana laman web lain, jadi layan sebarang kod yang anda tampal daripada sumber yang tidak dipercayai sebagaimana anda akan melayannya menjalankannya dalam tab pelayar baharu.

›Bagaimana panel HTML, CSS dan JavaScript digabungkan?

Alat ini membalut CSS anda dalam tag <style> dalam head dokumen, meletakkan HTML anda terus dalam body, dan menambah JavaScript anda dalam tag <script> di penghujung body, tepat seperti dokumen HTML satu halaman biasa, kemudian memuatkan dokumen gabungan itu ke dalam pratonton.

›Bolehkah saya memuat turun apa yang saya bina sebagai fail sebenar?

Boleh, butang "Muat turun sebagai .html" menyimpan dokumen gabungan yang sama tepat yang dipaparkan dalam pratonton sebagai satu fail index.html, sedia untuk dibuka terus dalam pelayar atau dimuat naik ke pelayan web.

›Adakah pratonton dikemas kini secara automatik semasa saya menaip?

Ya, pratonton akan disegarkan secara automatik sebentar selepas anda berhenti menaip dalam mana-mana tiga panel, supaya anda dapat melihat kesan perubahan anda tanpa mengklik butang jalankan yang berasingan.

›Mengapa output console.log tidak muncul di mana-mana pada halaman?

Pratonton adalah dokumen pelayar sebenar dan terpencil, jadi output console.log pergi ke konsol dokumen itu sendiri, bukan ke halaman ini. Buka alat pembangun pelayar anda dan pilih konteks iframe pratonton untuk melihat output konsol, atau gunakan alert() sebagai pemeriksaan visual yang pantas sebaliknya.

Tukar teks antara Unicode dan Punycode (RFC 3492), pengekodan ASCII sahaja yang digunakan untuk nama domain antarabangsa, dengan mod domain penuh (sedar titik, awalan xn-- automatik) dan mod label biasa, menukar beberapa baris sekali gus.