HTML ke JSX

Ubah HTML statis secara lokal menjadi JSX yang dapat digunakan oleh React, Preact, atau Solid, serta laporkan konten berbahaya yang dihapus.

Diproses secara lokal di browser
Halaman ini telah lulus pemeriksaan direktori publik; setelah JavaScript diaktifkan, fungsi lengkap dapat digunakan.
Panduan penggunaan

Cara menggunakan HTML untuk mengonversi ke JSX

HTML hanya diuraikan dan dikonversi di browser saat ini, tidak diunggah, dan skrip di dalamnya tidak dijalankan.

  1. Pilih target JSX

    Pilih React, Preact, atau Solid, lalu masukkan HTML statis yang berukuran tidak lebih dari 2 MiB.

  2. Jalankan konversi

    Alat ini mengonversi class, for, style, atribut boolean, elemen kosong, dan atribut umum SVG, serta melakukan escape pada kurung kurawal teks.

  3. Periksa laporan keamanan

    Periksa jumlah output dan tag yang dihapus, atribut peristiwa, serta URL berbahaya, lalu salin atau unduh JSX.

Batasan dan catatan

  • Ini bukan HTML pemulih browser lengkap; input yang rusak parah, bergantung pada status DOM atau instruksi template perlu dirapikan secara manual.
  • script, style, iframe, object, embed, atribut peristiwa, dan URL yang berbahaya akan dihapus; perilaku halaman asli tidak akan dipertahankan.
  • Hanya menghasilkan JSX React, Preact, atau Solid, tidak menghasilkan komponen Vue atau Svelte, serta tidak akan memisahkan komponen atau mengimpor sumber daya secara otomatis.

Pertanyaan umum

Bagaimana style sebaris dikonversi?

Deklarasi CSS yang umum akan dikonversi menjadi objek style JSX; deklarasi yang tidak dapat diurai dengan andal perlu diperbaiki secara manual dalam output.

Mengapa skrip dan iframe tidak terlihat?

Konten ini mungkin menjalankan kode atau memuat halaman eksternal; alat secara proaktif menghapusnya sesuai batas keamanan konversi struktur statis.

Apakah output dapat langsung digunakan untuk produksi?

Sebaiknya lakukan pemformatan proyek, pemeriksaan tipe, dan pengujian browser terlebih dahulu, terutama periksa atribut khusus, SVG, dan perbedaan framework.

Umpan balik halamanMenemukan masalah atau punya saran perbaikan?
Fungsi umpan balik perlu digunakan pada versi online

Harap aktifkan JavaScript di versi online sebelum mengirim; fungsi lokal pada alat atau contoh saat ini tidak terpengaruh.

Kirim masukan ke versi daring