HTML chuyển sang JSX
Chuyển đổi HTML tĩnh thành JSX có thể sử dụng với React, Preact hoặc Solid ở cục bộ, đồng thời báo cáo nội dung nguy hiểm đã bị loại bỏ.
Cách sử dụng HTML để chuyển đổi thành JSX
HTML Chỉ phân tích cú pháp và chuyển đổi trong trình duyệt hiện tại, không tải lên và cũng không thực thi các tập lệnh trong đó.
Chọn mục tiêu JSX
Chọn React, Preact hoặc Solid, rồi nhập tài nguyên tĩnh có kích thước không vượt quá 2 MiB HTML.
Thực hiện chuyển đổi
Công cụ chuyển đổi class, for, style, thuộc tính Boolean, phần tử rỗng và các thuộc tính SVG phổ biến, đồng thời chuyển đổi dấu ngoặc nhọn trong văn bản.
Kiểm tra báo cáo bảo mật
Kiểm tra đầu ra và số lượng thẻ đã xóa, thuộc tính sự kiện cùng URL nguy hiểm, rồi sao chép hoặc tải xuống JSX.
Các hạn chế và lưu ý
- Đây không phải là trình sửa chữa HTML hoàn chỉnh của trình duyệt; các đầu vào bị hỏng nghiêm trọng, phụ thuộc vào trạng thái DOM hoặc chỉ thị mẫu cần được sắp xếp thủ công.
- script, style, iframe, object, embed, các thuộc tính sự kiện và URL nguy hiểm sẽ bị xóa; hành vi của trang gốc sẽ không được giữ lại.
- Chỉ tạo JSX React, Preact hoặc Solid, không tạo thành phần Vue hoặc Svelte, đồng thời không tự động tách thành phần hay nhập tài nguyên.
Câu hỏi thường gặp
Style nội tuyến sẽ được chuyển đổi như thế nào?
Các khai báo CSS phổ biến sẽ được chuyển đổi thành đối tượng style JSX; các khai báo không thể phân tích đáng tin cậy cần được chỉnh sửa thủ công trong đầu ra.
Tại sao script và iframe biến mất?
Những nội dung này có thể thực thi mã hoặc tải các trang bên ngoài; công cụ chủ động loại bỏ chúng theo ranh giới an toàn của việc chuyển đổi cấu trúc tĩnh.
Đầu ra có thể được sử dụng trực tiếp trong môi trường sản xuất không?
Trước tiên nên thực hiện định dạng dự án, kiểm tra kiểu và kiểm thử trên trình duyệt, đặc biệt kiểm tra các thuộc tính tùy chỉnh, SVG và sự khác biệt giữa các bộ khung.