HTMLプレビュー

HTMLプレビューの使い方

左側（モバイルでは上部）のテキストエリアにHTMLコードを入力すると、右側（モバイルでは下部）のプレビューエリアにリアルタイムで結果が表示されます。「自動更新」チェックボックスをオンにすると入力に応じて自動的にプレビューが更新されます。オフの場合は「プレビュー更新」ボタンで手動更新できます。「サンプルHTML」ボタンでサンプルコードを読み込むことができます。CSS・JavaScriptを含む完全なHTMLドキュメントにも対応しています。

HTMLプレビューについて

HTML（HyperText Markup Language）はWebページの構造を記述するためのマークアップ言語です。本ツールでは、サンドボックス化されたiframe内でHTMLをレンダリングするため、安全にコードの動作を確認できます。CSSスタイルやJavaScriptの動作確認、メールテンプレートのプレビュー、簡単なプロトタイピングなどにご活用ください。すべての処理はブラウザ内で完結するため、入力したコードがサーバーに送信されることはありません。

よくある質問（FAQ）

Q. JavaScriptも実行できますか？

A. はい、iframe内のサンドボックス環境でJavaScriptを実行できます。ただしセキュリティのため、親ページへのアクセスやポップアップの表示は制限されています。

Q. CSSも反映されますか？

A. はい、styleタグやインラインスタイルを含むHTMLコードのスタイルがそのままプレビューに反映されます。外部CSSファイルの読み込みにも対応しています。

Q. 入力したコードは安全ですか？

A. すべての処理はブラウザ内で完結し、入力データがサーバーに送信されることは一切ありません。プレビューはサンドボックス化されたiframe内で表示されるため、安全です。