HTML 转 JSX

粘贴一段 HTML 片段，工具会把它转换成可以直接放进 React 组件的 JSX：class 变为 className、for 变为 htmlFor、img / br / input 等空元素自动写成自闭合标签，内联 style 也会从字符串改写为对象形式。适合把现成页面片段迁移到 React 项目中。全部处理在浏览器本地完成。

HTML 代码等待输入

支持完整片段或多层嵌套标签，注释与脚本内容会原样保留。

JSX 代码

标签数—

属性改写—

生成结果—

粘贴 HTML 后点击「转换为 JSX」，结果将显示在这里。

转换结果仅供参考，复杂模板语法（如服务端指令）不会被处理。

转换规则说明

class → className，for → htmlFor。
空元素（img/br/hr/input/meta/link 等）自动自闭合为 />。
style="a:b;c:d" → style={{a: 'b', c: 'd'}}。
标签与属性名会保留原有大小写（HTML 组件名除外）。
文本内容与注释保持原样，不做 HTML 实体转义以外的处理。