🖼 HTML 貼り付けプレビュー
HTML を貼り付けると右側のサンドボックス iframe に即時レンダリング。HTML メールのモックアップや Outlook 互換性確認、デバイス幅切替に最適。
✅ 完全無料・登録不要・サーバー送信なし
🔒 プライバシーとセキュリティ
- ・レンダリングはローカルのサンドボックス iframe (sandbox=allow-same-origin) で実行されます
- ・script タグは実行されません (sandbox により無効化)
- ・HTML テキストはサーバーに一切送信されません
- ・ライブラリ不要・純 JS で動作します
📝 HTML 入力
0 文字
👁 プレビュー
背景:
📖 使い方
-
1
HTML を貼り付け左側のテキストエリアに HTML を貼り付け、または .html ファイルを読み込みます。
-
2
デバイス幅を選択デスクトップ / タブレット / Email 600 / モバイル 375 のいずれかを選んでレスポンシブ確認。
-
3
背景を切替白・暗色・市松模様の 3 種類で表示確認。HTML メール用途では白基調が定番です。
❓ よくある質問
script タグは動きますか？
iframe sandbox=allow-same-origin によりスクリプトは実行されません。安全に外部 HTML をプレビューできます。
HTML メールのプレビューに使えますか？
はい。Email 600px プリセットと白背景でメールクライアントに近いレイアウトを確認できます。Outlook 等の最終確認は実機テストを推奨します。
HTML はサーバーに送信されますか？
いいえ。レンダリングはあなたのブラウザ内のローカル iframe で完結します。送信先はありません。
🔗 関連ツール
🐛 このツールで問題が発生しましたか？
完全無料・登録不要。再現手順だけでも結構です。届いたご報告は運営者に直接届き、修正の参考にします。
✅
ご報告ありがとうございます！
運営者に届きました。改善の参考にさせていただきます。