HTML to JSX

HTMLを貼り付けるだけでReact/JSXに即変換。Reactプロジェクトへのマークアップ移植作業を自動化します。

✓ class→className、for→htmlFor など主要属性名を一括変換

✓ style="..." → style={{ camelCase: 'value' }} オブジェクト記法に変換

✓ onclick・ onchange → onClick・onChange などイベントハンドラをキャメルケース変換

✓ <img> <input> <br> など void 要素に自己閒じタグ（/>）を自動補完

✓ HTML コメント <!-- --> → {/* */} JSX コメントに変換

✓ tabindex・readonly・maxlength など細かい属性名も正しく変換

・変換ルール処例を画面内に常時表示

・入力と同時にリアルタイムで変換（ボタン操作不要）

・変換結果をワンクリックでクリップボードにコピー

【動作環境】

ブラウザで動作。インストール不要。