HTML → JSXコンバーター
HTMLコードをReact JSX形式に変換します。
HTML入力
変換するHTMLコードを入力してください
JSX結果
変換されたJSXコード
HTML → JSX変換ルール
主な変換ルール
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
サポートされている属性変換
- • HTML属性：class、for、readonly、maxlength、autocomplete
- • SVG属性：stroke-width、stroke-linecap、fill-opacity
- • 数値属性：引用符を削除し、中括弧で囲む
- • ブール属性：aria-hidden="true" → aria-hidden=""
- • 保持される属性：data-*、aria-*（ケバブケースを維持）
完全なHTMLドキュメントのサポート
- • DOCTYPE、html、head、bodyタグの処理
- • meta、title、styleタグの変換
- • 完全なSVG要素と属性のサポート
- • CSSスタイルブロックの保持