HTML/SVGコード変換 - HTML→JSX/SVG→JSX/HTML→Pugを変換

使い方

1. 変換種別（HTML→JSX等）をドロップダウンで選択
2. 入力エリアにコードを入力
3. 「変換」ボタンをクリック
4. 変換されたコードをコピー

よくある質問

どのような変換に対応していますか？

HTML→JSX、SVG→JSX、HTML→Pugの3種類の変換に対応しています。

Reactのクラス名変換は行われますか？

はい。HTML→JSXでは class が className に自動変換されます。

データはサーバーに送信されますか？

いいえ。すべての処理はブラウザ内で完結します。

基本的な使い方を教えてください。

変換元の形式（camelCase等）と変換先の形式（snake_case等）を選択し、テキストを入力すると即座に変換結果が表示されます。

変換がうまくいかない場合は？

区切り文字や記号が混在している場合、正確な変換が難しいことがあります。入力テキストを整理してから再試行してください。

関連ツール