HTMLファイルの表示

HTMLファイルをダウンロードせずに、ワークスペースでそのまま確認できます。内容を修正するときは、ソースコードを編集します。

HTMLプレビュー（レンダリング）

• .htmlファイルを開くと、次のようにプレビューの形式でファイルを確認できます。

• 同じフォルダにある画像は、HTMLから参照しているとおりに表示されます。同じフォルダのCSSファイル（<link>）とJSファイルは、下記のスクリプト実行を許可したあとに読み込まれます。HTML内に<style>で書いたスタイルは、許可する前でも適用されます。Viteなどでビルドした成果物も、フォルダごとアップロードしておけば、スクリプト実行を許可したあと動作します。
• 右上の生データを押すと、元の内容を確認できます。
• プレビューは表示専用です。内容を修正するには、プレビューの上のソースを編集を選択します。

インタラクティブな文書の活用

スクリプトの実行を許可するとJavaScript（JS）が動作するため、クリック、アニメーション、タブの切り替えなどのインタラクションを含むHTMLファイルをそのまま実行できます。別途サーバーを用意したりデプロイしたりしなくても、フォルダにアップロードするだけでチーム全体が実行できます。

スクリプト実行のブロック

HTMLファイルにスクリプト（<script>）またはイベントハンドラーが含まれている場合は、セキュリティのためにまず実行をブロックし、プレビューの上に案内を表示します。案内で次のオプションを選択すると、スクリプトが実行されます。アカウントに実行権限がない場合は、オプションの代わりに管理者への問い合わせを促す案内が表示されます。

HTMLを編集する

HTMLファイルはソースコードとしてだけ編集します。書式を押して装飾するビジュアルエディターは提供されず、プレビューで本文をダブルクリックしても編集モードには切り替わりません。

1. プレビューの上のソースを編集を選択します。上部の編集（鉛筆）アイコンを選択するか、生データで本文をダブルクリックしても同じです。
2. 生データ画面のコードエディターで内容を修正します。Ctrl+Fでテキストを検索して置換できます。
3. 上部の保存（フロッピーディスク）アイコンを選択するか、Ctrl+S（macOS：Cmd+S）を押して保存します。
4. プレビューに戻って結果を確認します。内容が変わったファイルは、スクリプト実行の許可をもう一度確認します。

別のユーザーが同じファイルを編集中の場合は、編集を開始できません。コラボレーションチャットと編集ロックを参照してください。

関連ドキュメント

• マークダウン、テキストファイルの表示と編集
• Webページの貼り付け(HTML)