แปลง HTML เป็น JSX
แปลง HTML แบบสแตติกในเครื่องให้เป็น JSX ที่ใช้ได้กับ React, Preact หรือ Solid พร้อมรายงานเนื้อหาอันตรายที่ถูกนำออก
วิธีใช้ HTML แปลงเป็น JSX
HTML จะวิเคราะห์และแปลงข้อมูลในเบราว์เซอร์ปัจจุบันเท่านั้น จะไม่อัปโหลดและไม่เรียกใช้สคริปต์ภายในข้อมูล
เลือกเป้าหมาย JSX
เลือก React, Preact หรือ Solid แล้วป้อน HTML แบบคงที่ที่มีขนาดไม่เกิน 2 MiB
ดำเนินการแปลง
เครื่องมือนี้จะแปลง class、for、style、แอตทริบิวต์บูลีน องค์ประกอบว่าง และแอตทริบิวต์ SVG ที่พบบ่อย รวมทั้งแปลงอักขระวงเล็บปีกกาของข้อความให้เป็นรูปแบบ escape
ตรวจสอบรายงานความปลอดภัย
ตรวจสอบผลลัพธ์ รวมถึงจำนวนแท็ก แอตทริบิวต์เหตุการณ์ และ URL ที่เป็นอันตรายซึ่งถูกลบออก จากนั้นคัดลอกหรือดาวน์โหลด JSX
ข้อจำกัดและข้อควรระวัง
- นี่ไม่ใช่เครื่องมือแก้ไข HTML ของเบราว์เซอร์แบบสมบูรณ์ อินพุตที่เสียหายอย่างรุนแรง ซึ่งขึ้นอยู่กับสถานะ DOM หรือคำสั่งเทมเพลต จำเป็นต้องจัดระเบียบด้วยตนเอง
- จะลบสคริปต์ สไตล์ iframe object embed แอตทริบิวต์เหตุการณ์ และ URL ที่เป็นอันตรายออก โดยจะไม่คงการทำงานของหน้าเดิมไว้
- สร้างเฉพาะคอมโพเนนต์ React, Preact หรือ Solid JSX เท่านั้น ไม่สร้างคอมโพเนนต์ Vue หรือ Svelte และจะไม่แยกคอมโพเนนต์หรือนำเข้าทรัพยากรโดยอัตโนมัติ
คำถามที่พบบ่อย
อินไลน์ style จะถูกแปลงอย่างไร
การประกาศ CSS ที่พบบ่อยมักถูกแปลงเป็นออบเจ็กต์ JSX style ส่วนการประกาศที่ไม่สามารถแยกวิเคราะห์ได้อย่างน่าเชื่อถือต้องแก้ไขด้วยตนเองในผลลัพธ์
ทำไมสคริปต์และ iframe จึงหายไป
เนื้อหาเหล่านี้อาจเรียกใช้โค้ดหรือโหลดหน้าภายนอก เครื่องมือจะลบออกโดยอัตโนมัติตามขอบเขตความปลอดภัยของการแปลงโครงสร้างแบบสแตติก
ผลลัพธ์สามารถนำไปใช้ในสภาพแวดล้อมจริงได้โดยตรงหรือไม่
ควรดำเนินการจัดรูปแบบ ตรวจสอบประเภท และทดสอบบนเบราว์เซอร์ของโครงการก่อน โดยเฉพาะอย่างยิ่งให้ตรวจสอบคุณสมบัติที่กำหนดเอง SVG และความแตกต่างของเฟรมเวิร์ก