HTML から JSX への変換
静的な HTML をローカルで React、Preact、または Solid で使用できる JSX に変換し、削除された危険なコンテンツを報告します。
ブラウザー内でローカル処理
このページは公開ディレクトリのチェックに合格しています。JavaScript を有効にすると、すべての機能を使用できます。
使用ガイド
HTML を JSX に変換する方法
HTMLは現在のブラウザ内でのみ解析と変換を行い、アップロードも、含まれるスクリプトの実行も行いません。
JSXのターゲットを選択
React、Preact、または Solid を選択し、2 MiB 以下の静的 HTML を入力してください。
変換を実行
ツールは class、for、style、ブール属性、空要素、一般的な SVG 属性を変換し、テキスト内の中括弧をエスケープします。
安全性レポートを確認
出力と、削除されたタグ、イベント属性、危険なURLの件数を確認してから、JSXをコピーまたはダウンロードしてください。
制限事項と注意点
- これは完全なブラウザー HTML 修復ツールではありません。大きく破損している入力や、DOM の状態またはテンプレート命令に依存する入力は、手動で整理する必要があります。
- script、style、iframe、object、embed、イベント属性および危険な URL は削除され、元のページの動作は保持されません。
- React、Preact、または Solid の JSX のみを生成します。Vue や Svelte のコンポーネントは生成せず、コンポーネントの自動分割やリソースのインポートも行いません。
よくある質問
インライン style はどのように変換されますか？
一般的な CSS 宣言は JSX style オブジェクトに変換されます。確実に解析できない宣言は、出力内で手動修正する必要があります。
スクリプトと iframe が表示されなくなったのはなぜですか？
これらのコンテンツはコードを実行したり外部ページを読み込んだりする可能性があるため、ツールは静的構造の変換における安全上の境界に従って意図的に削除します。
生成物はそのまま本番環境で使用できますか？
まずプロジェクトのフォーマット、型チェック、ブラウザーテストを実施し、特にカスタム属性、SVG、フレームワークの違いを確認してください。