HTML コードエディター
3つのコードタブで小さなページを作成します。「実行」を選んだときだけプレビューし、単一の HTML ファイルとしてローカルに出力できます。
ページのマークアップ
ページのスタイル
ページの JavaScript
各エディターは最大100,000文字です。プレビューのスクリプトは制限付きサンドボックスで実行されます。信頼できるコードだけを実行してください。
プレビューはまだ実行されていません。準備ができたら「実行」を選択してください。
プレビュー
実行ログ
使い方
使い方
- HTML、CSS、JavaScript をそれぞれのタブで編集します。
- 「実行」を選んで隔離されたプレビューと実行ログを更新します。
- 準備ができたら現在のコードを1つの HTML ファイルとしてダウンロードします。
3つのコードエディター
マークアップ、スタイル、ページ用 JavaScript を別々のタブで編集できます。プレビューやローカルダウンロード用に1つの文書へ組み立てます。
制限付きのローカルプレビュー
実行すると、同一オリジン、トップレベル移動、フォーム、ポップアップを許可しない sandbox iframe を作成します。厳格なコンテンツポリシーがネットワーク接続と外部リソースをブロックします。入力した JavaScript 自体は実行されるため、信頼できるコードだけを実行してください。
ローカル出力と制限
コードはこのブラウザーセッション内に留まり、アップロードされません。各エディターにはサイズ制限があり、ダウンロードした HTML には3つのエディターの現在値が含まれます。ライブラリーの読み込み、リモート取得、下書き保存は行いません。
よくある質問
あわせて知りたいこと
プレビューは自動実行されますか？
いいえ。「実行」を選んだときだけ更新されます。
プレビューから編集ページにアクセスできますか？
同一オリジン権限のない sandbox を使用します。通常の同一オリジン API で編集ページを読み取ったり変更したりできません。
外部ライブラリーや画像を使えますか？
プレビューでは外部リソースとネットワーク接続がブロックされます。必要に応じてインラインコードや data URL を使ってください。
作業を保存するには？
「HTML をダウンロード」を選ぶと、現在の HTML、CSS、JavaScript を含む1つのファイルを保存できます。下書きは保存されません。