HTML 转 JSX
免费在线 HTML 转 JSX 工具。粘贴 HTML 即可得到规范的 React JSX：className、htmlFor、驼峰 style 对象、自闭合标签与安全的注释转义，全程在浏览器本地完成。
HTML 转 JSX 工具是做什么的？
它把普通 HTML 标记转换成 React 能渲染的 JSX。把 HTML 粘贴到左侧输入区，右侧会实时（300ms 防抖）显示对应的 JSX 代码。
哪些属性会被改名？
class 改为 className、for 改为 htmlFor、tabindex 改为 tabIndex，maxlength、colspan、stroke-width 等连字符属性也会转成驼峰式的 React 写法；data-* 和 aria-* 属性保持原样。
style 属性是怎么转换的？
形如 style="background-color: red; font-size: 12px" 的 CSS 字符串会被转换成 JavaScript 对象：style={{backgroundColor:'red', fontSize:'12px'}}，所有 CSS 属性名转成驼峰，值以字符串引号包裹。
空元素（void 元素）如何处理？
img、br、input、hr、meta、link 等不能有子元素的标签会规范化为自闭合写法，<img> 变成 <img />，这正是 JSX 的要求；空的 div、span 同样输出为自闭合形式。
HTML 注释怎么处理？
注释会被转换成 JSX 注释：<!-- note --> 变成 {/* note */}。会提前终止注释的字符序列会被中性化处理，保证生成的代码始终可以编译。
实体和特殊字符如何处理？
&、© 等实体会先解码为真实字符，再把花括号、尖括号等 JSX 保留符号重新转义，因此包含 { } 或 < 的文本不会破坏组件结构，渲染结果正确。
函数组件包裹选项有什么用？
开启后，转换结果会被包成可直接使用的模板：function Component() { return ( ...你的 JSX... ) }，而不是裸的 JSX，方便直接粘贴进 React 文件。
我的 HTML 会被上传吗？
不会。解析完全在浏览器内用内置 DOMParser 完成，不向任何服务器发送数据，转换私有或未发布的标记也安全，并且离线可用。
如何使用HTML 转 JSX
在浏览器中直接把普通 HTML 转换成可直接使用的 React JSX。解析完全通过浏览器内置 DOMParser 在本地完成，你的标记不会被上传。
- 把 HTML 粘贴到左侧编辑器，右侧会显示 JSX 结果，并随输入实时刷新（300ms 防抖）。
- 在“缩进”中选择缩进宽度——每层 2 或 4 个空格。
- 打开“函数组件包裹”开关，把输出包成 function Component() { return ( ... ) }，可直接粘贴进 React 文件。
- 用“复制”取走结果，“示例”载入样例，“清空”重新开始。
class、for、tabindex 会变成 className、htmlFor、tabIndex，style 字符串变成驼峰对象，img、br 等空元素输出为自闭合标签——正是 JSX 所要求的写法。
相关工具
- HTML格式化工具 即时格式化和美化HTML代码。将压缩的HTML转换为整洁、可读、缩进良好的代码。免费在线工具，无需注册。
- 代码转图片 将代码片段转换为精美的可分享图片，支持语法高亮、自定义主题和窗口装饰。100%隐私保护，完全在浏览器本地运行。
- 文件哈希校验 本地计算校验MD5、SHA-1、SHA-256、SHA-512文件哈希值
- Chmod 计算器 免费在线chmod计算器，通过复选框可视化Linux文件权限并计算chmod值。即时转换数字(755, 644)和符号(rwxr-xr-x)表示法，支持setuid、setgid、sticky bit等特殊权限。
- ASCII码表 完整的ASCII字符编码参考表，包含十进制、十六进制、八进制、二进制编码、HTML实体和字符描述。支持即时搜索和筛选。
- Hex文件查看器 以十六进制转储格式查看文件内容，支持搜索、偏移导航和虚拟滚动
- MIME类型查询 通过文件扩展名即时查询MIME类型，或反向查找扩展名。免费在线工具，收录1000+条目。
- 屏幕分辨率检测 实时检测屏幕分辨率、视口大小、DPI、色深等显示器信息。