HTML 转 JSX

把静态 HTML 在本地转换为 React、Preact 或 Solid 可用的 JSX,并报告被移除的危险内容。

浏览器本地处理
该页面已通过公开目录检查;启用JavaScript后可使用完整功能。
使用指南

如何使用HTML 转 JSX

HTML 仅在当前浏览器中解析和转换,不会上传,也不会执行其中的脚本。

  1. 选择 JSX 目标

    选择 React、Preact 或 Solid,并输入不超过 2 MiB 的静态 HTML。

  2. 执行转换

    工具转换 class、for、style、布尔属性、空元素和常见 SVG 属性,并转义文本花括号。

  3. 检查安全报告

    核对输出及被删除标签、事件属性和危险 URL 的计数,再复制或下载 JSX。

限制与注意事项

  • 这不是完整浏览器 HTML 修复器,严重破损、依赖 DOM 状态或模板指令的输入需要手动整理。
  • script、style、iframe、object、embed、事件属性和危险 URL 会被删除,原页面行为不会保留。
  • 只生成 React、Preact 或 Solid JSX,不生成 Vue、Svelte 组件,也不会自动拆分组件或导入资源。

常见问题

内联 style 会怎样转换?

常见 CSS 声明会转换为 JSX style 对象;无法可靠解析的声明需在输出中手动修正。

为什么脚本和 iframe 不见了?

这些内容可能执行代码或加载外部页面,工具按静态结构转换的安全边界主动移除。

输出可以直接用于生产吗?

应先经过项目格式化、类型检查和浏览器测试,特别核对自定义属性、SVG 和框架差异。

页面反馈发现问题或有改进建议?
反馈功能需要在在线版使用

请在在线版启用 JavaScript 后提交;当前工具或案例的本地功能不受影响。

前往在线版反馈