ライブプレビュー付きオンラインHTMLエディタ

HTML・CSS・JavaScriptを書いてすぐに結果を確認。コンソール、スマホ表示、完成ページのダウンロードに対応。

ライブプレビューでHTMLを編集。

スマホ表示自動更新

利用できる言語:

ライブプレビュー付きオンラインHTMLエディタ: 用途

ブラウザで使えるシンプルなコードエディタです。HTML・CSS・JavaScriptのタブがあり、入力に合わせてプレビューが更新されます。コンソールにはスクリプトの console.log とエラーが表示され、スマホ表示で端末をシミュレートでき、「ページをダウンロード」で完全な .html ファイルを作成できます。コードはこのブラウザに保存されるので後で続けられます。

使い方

HTML・CSS・JavaScriptのタブに書く。
プレビューとコンソールを確認。
完成したページをダウンロード。

使うタイミング

コードの断片をすばやく試す。
HTMLとCSSを学ぶ。
プロトタイプやメールを作る。

よくある質問

コードは保存されますか？

このブラウザ内にだけ保存されるので、後で続きから編集できます。別の場所へ持ち出すには「ページをダウンロード」ボタンで、すべてをまとめた .html ファイルを作成します。

プレビューのJavaScriptは安全ですか？

プレビューは分離されたフレーム（sandbox付きiframe）で動作し、このページやCookie、他に開いているサイトにはアクセスできません。

BootstrapやjQueryなどのライブラリは使えますか？

はい。CDNのアドレスを指定した <link> と <script> タグをHTMLに書けば、プレビューで読み込まれます。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。