HTMLページの内容をオンライン編集
見出し、段落、リンク、ボタン、画像説明などのHTMLテキストを、ローカルの開発ツールを何度も開かずに直接編集できます。
HTMLエディターを読み込んでいます...
オンラインHTMLエディター
ソフトウェアのインストールは不要です。完全なHTMLソースをインポートまたは貼り付け、ページの文字や構造、CSSをオンラインで編集し、HTMLをプレビューして実行できます。
インストール不要HTMLライブプレビューHTMLオンライン実行HTMLファイルをダウンロード
主な機能
オンラインHTMLエディターの主な機能
ページの内容、ソースコード、スタイルを編集し、同じ場所でHTMLのプレビュー、実行、ダウンロードができます。
HTMLソースとCSSスタイルの編集
ページ要素を選択し、文字色、背景色、フォントサイズ、内側と外側の余白などのCSSスタイルを調整できます。
HTMLプレビュー、実行、ファイルダウンロード
ソース編集後すぐにHTMLをプレビューして実行し、内容とレイアウトを確認してから完全なHTMLファイルをダウンロードできます。
使い方
HTMLをオンラインで編集、プレビュー、実行する方法
開発環境の設定は不要です。HTMLを用意すれば、ソースを編集し、ページをリアルタイムでプレビューして実行できます。
コードをインポートまたは貼り付け
ローカルのHTMLファイルを選択するか、完全なソースをエディターに貼り付けます。
内容とスタイルを編集
ビジュアルモードまたはソースモードで内容を編集し、よく使うスタイルも調整できます。
HTMLをプレビュー、実行、保存
HTMLの実行結果をリアルタイムで確認し、ページを確認してから完全なHTMLファイルをダウンロードします。
よくある質問
HTML編集・プレビュー・実行に関するよくある質問
ソフトウェアのインストールや環境設定は必要ですか？
いいえ。ページを開くだけで使え、HTMLファイルと編集内容は現在のブラウザーで処理されます。
完全なHTMLページを編集できますか？
はい。head、style、bodyを含む完全なHTMLソースをインポートし、プレビュー領域で結果を確認できます。
HTMLページをオンラインでプレビューして実行するには？
HTMLソースをインポートまたは貼り付けると、右側にHTMLプレビューが自動生成されます。内容を編集して実行結果を確認できます。
編集内容はどこに保存されますか？
編集の進捗は現在のブラウザーのローカルストレージに一時保存されます。更新後も続行でき、ファイルをダウンロードすることもできます。
誤操作を元に戻すにはどうすればよいですか？
エディターには元に戻す機能があり、選択した要素のスタイルはリセットで元の状態に戻せます。
どのHTMLファイルをアップロードできますか？
一般的な.htmlおよび.htmファイルに対応し、完全なHTMLソースを貼り付けてオンライン編集することもできます。
HTMLのCSSスタイルをオンラインで編集できますか？
はい。プレビューで要素を選択し、色、背景色、フォントサイズ、内側と外側の余白などを調整できます。
HTMLプレビューとページ実行の違いは何ですか？
HTMLプレビューはソースのレンダリング結果をすぐに表示し、HTML実行はプレビュー領域にページ構造とスタイルを読み込んで実際の表示を確認します。
HTMLプレビューで外部CSSや画像が表示されない場合はどうすればよいですか？
外部リソースのURLが正しくアクセス可能か、相対パスがファイルの場所と一致しているか確認してください。
編集後にHTMLファイルをダウンロードできますか？
はい。HTMLプレビューと実行結果を確認したら、ダウンロードボタンをクリックして現在の完全なHTMLソースを保存できます。