HTMLエディター

HTML、CSS、JavaScriptの各タブにコードを書くと、横のプレビューに入力に合わせてページが表示されます。「入力に合わせて自動更新」のチェックを外すと、「実行」をクリックするかCtrl+Enterを押したときだけコードが実行されます。エディターはコードをハイライト表示し、新しい行を自動でインデントし、括弧やタグを閉じ、エラーを余白に表示します。プレビューの下のコンソールには、スクリプトがconsole.log()で出力した内容と発生したエラーが行番号付きで表示されます。プレビューの上のボタンでノートパソコン、タブレット、スマートフォンの幅でページを表示でき、全画面ボタンを使うとエディターがウィンドウ全体に広がります。

ページは独立したサンドボックスのフレーム内で動くため、そのスタイルやスクリプトがこのサイトを変えることはなく、サイトがあなたのコードを読むこともありません。コードは入力するそばからブラウザに保存され、次にエディターを開いたときもそのまま残っています。「HTMLをコピー」と「HTMLをダウンロード」では、CSSとJavaScriptを含む1つのHTMLファイルとしてページ全体を取り出せ、そのままブラウザで開いたりアップロードしたりできます。「ファイルを開く」ではHTML、CSS、JavaScriptのファイルを対応するタブに読み込めます。「サンプルを読み込む」でサンプルページに戻せます。エディターはオープンソースのコードエディターAceをベースにしています。