HTML öğesini JSX öğesine dönüştür

Statik HTML içeriğini yerel olarak React, Preact veya Solid ile kullanılabilen JSX biçimine dönüştürür ve kaldırılan tehlikeli içerikleri bildirir.

Tarayıcı içinde yerel işlem
Bu sayfa genel dizin kontrolünden geçti; JavaScript etkinleştirildiğinde tüm işlevler kullanılabilir.
Kullanım kılavuzu

HTML kullanarak JSX dönüştürme

HTML yalnızca mevcut tarayıcıda ayrıştırılır ve dönüştürülür; yüklenmez ve içindeki komut dosyaları çalıştırılmaz.

  1. JSX hedefini seçin

    React, Preact veya Solid seçin ve en fazla 2 MiB statik HTML girin.

  2. Dönüştür

    Araç, class, for, style, Boolean öznitelikleri, boş öğeleri ve yaygın SVG özniteliklerini dönüştürür; ayrıca metin süslü parantezlerini kaçışlar.

  3. Güvenlik raporunu kontrol et

    Çıktıyı ve silinen etiketlerin, olay özelliklerinin ve tehlikeli URL sayısını kontrol edin, ardından JSX kopyalayın veya indirin.

Sınırlamalar ve dikkat edilmesi gerekenler

  • Bu, tam kapsamlı bir tarayıcı HTML onarım aracı değildir; ciddi biçimde bozulmuş, DOM durumuna veya şablon yönergelerine bağlı girdilerin manuel olarak düzenlenmesi gerekir.
  • script, style, iframe, object, embed, olay öznitelikleri ve tehlikeli URL silinir; özgün sayfanın davranışı korunmaz.
  • Yalnızca React, Preact veya Solid JSX oluşturulur; Vue veya Svelte bileşenleri oluşturulmaz, bileşenler otomatik olarak bölünmez ve kaynaklar içe aktarılmaz.

Sık sorulan sorular

Satır içi stil nasıl dönüştürülür?

Yaygın CSS bildirimleri JSX style nesnelerine dönüştürülür; güvenilir biçimde ayrıştırılamayan bildirimler çıktıda elle düzeltilmelidir.

Komut dosyası ve iframe neden görünmüyor?

Bu içerik kod çalıştırabilir veya harici sayfalar yükleyebilir; araç, statik yapı dönüşümünün güvenlik sınırları kapsamında bunları proaktif olarak kaldırır.

Çıktı doğrudan üretimde kullanılabilir mi?

Önce proje biçimlendirmesinden, tür denetiminden ve tarayıcı testlerinden geçirilmelidir; özellikle özel öznitelikler, SVG ve çerçeve farklılıkları dikkatle kontrol edilmelidir.

Sayfa geri bildirimiBir sorun mu buldunuz veya iyileştirme öneriniz mi var?
Geri bildirim işlevi yalnızca çevrimiçi sürümde kullanılmalıdır

Lütfen çevrimiçi sürümde JavaScript etkinleştirildikten sonra gönderin; geçerli araç veya örneğin yerel işlevleri etkilenmez.

Çevrimiçi sürüme geri bildirim gönder