HTMLエディター (リアルタイムプレビュー)
左側にコードを書くと、右側にすぐ結果が表示されます。
入力した文章やファイルはサーバーに送らず、このブラウザー内だけで処理します。
Tabキーはインデント(半角スペース2つ)です。次の項目へ移るには、Escを押してからTabを押してください。
プレビュー
使い方
- 左の欄にHTMLを書きます。<style> のCSSや <script> のJavaScriptも一緒に実行されます。
- 「入力に合わせて自動で反映」がオンなら、入力が少し止まるたびにプレビューが描き直されます。重い処理を含む場合はオフにして「再表示」を押してください。
- 「プレビュー幅」をスマホやタブレットに切り替えて、レスポンシブ表示を確認できます。
- 書き終えたコードは「ダウンロード」でindex.htmlとして保存するか、「コピー」で持ち出してください。
よくある質問
プレビュー内のスクリプトは安全ですか？
プレビューはサンドボックス化したiframe(allow-scriptsのみ許可)で動くため、このサイトのCookieやストレージには触れられず、ポップアップやフォーム送信もブロックされます。それでも出どころの分からないコードは貼り付けないでください。
書いたコードは保存されますか？
いいえ。ページを閉じたり再読み込みしたりすると消えます。サーバーにも送らないので、残したい場合は必ずダウンロードかコピーをしておいてください。
外部のCSS・JSファイルや画像は読み込めますか？
httpsのURLで公開されているファイルなら、<link>・<script src>・<img> で読み込めます。パソコン内のファイルパスはブラウザーが制限するため使えません。