HTMLエディタ
HTMLを作成し、すぐにレンダリングして確認・デバッグします。
プレビュー
使用例
小さなHTMLの断片をすばやくテストする
コードエディタを立ち上げなくても、マークアップやCSSの一部が実際どう見えるかをすぐ確認できます。
メール用のHTMLテンプレートをプレビューする
ニュースレターや通知メール用のHTMLを書きながら、レンダリング結果をリアルタイムで確認できます。
コンソールと一緒にJavaScriptの動作をデバッグする
<script>タグの中にコードを入れ、ブラウザの開発者ツールのコンソールを開けば、プレビュー内で実行されたログやエラーをすぐ確認できます。
よくある質問
作成したHTMLはサーバーに送信されますか?
いいえ。レンダリングはブラウザ内でのみ行われ、入力した内容がサーバーに送信されることはありません。
JavaScriptも実行されますか?
はい。プレビューは隔離されたiframe内で実行され、中の<script>もそのiframe内で動作します。ただしこのiframeは、親ページや他のサイトに一切アクセスできないようサンドボックス化されています。
外部画像やCDNのスクリプトも読み込めますか?
はい。プレビューは通常のブラウザ環境と同じように動作するため、<img src="https://...">や<script src="https://...">のような外部参照も正常に読み込まれます。
作成した内容は保存されますか?
ブラウザのローカルストレージにのみ保存され、再訪問時に続きから見られます。サーバーには送信されません。