HTML 转 JSX
把静态 HTML 在本地转换为 React、Preact 或 Solid 可用的 JSX,并报告被移除的危险内容。
浏览器本地处理
该页面已通过公开目录检查;启用JavaScript后可使用完整功能。
使用指南
如何使用HTML 转 JSX
HTML 仅在当前浏览器中解析和转换,不会上传,也不会执行其中的脚本。
选择 JSX 目标
选择 React、Preact 或 Solid,并输入不超过 2 MiB 的静态 HTML。
执行转换
工具转换 class、for、style、布尔属性、空元素和常见 SVG 属性,并转义文本花括号。
检查安全报告
核对输出及被删除标签、事件属性和危险 URL 的计数,再复制或下载 JSX。
限制与注意事项
- 这不是完整浏览器 HTML 修复器,严重破损、依赖 DOM 状态或模板指令的输入需要手动整理。
- script、style、iframe、object、embed、事件属性和危险 URL 会被删除,原页面行为不会保留。
- 只生成 React、Preact 或 Solid JSX,不生成 Vue、Svelte 组件,也不会自动拆分组件或导入资源。
常见问题
内联 style 会怎样转换?
常见 CSS 声明会转换为 JSX style 对象;无法可靠解析的声明需在输出中手动修正。
为什么脚本和 iframe 不见了?
这些内容可能执行代码或加载外部页面,工具按静态结构转换的安全边界主动移除。
输出可以直接用于生产吗?
应先经过项目格式化、类型检查和浏览器测试,特别核对自定义属性、SVG 和框架差异。