'/%3e%3cpath%20id='cross_2'%20data-name='cross%202'%20class='cls-2'%20d='M20.612,30.43h0a5.361,5.361,0,1,0-10.723,0H0A33.709,33.709,0,0,1,30.569,0V9.75a5.361,5.361,0,1,1,0,10.723V30.43Z'%20transform='translate(67.193%200.007)%20rotate(90)'/%3e%3cpath%20id='cross_3'%20data-name='cross%203'%20class='cls-3'%20d='M20.612,30.43h0a5.361,5.361,0,1,0-10.723,0H0A33.709,33.709,0,0,1,30.569,0V9.75a5.361,5.361,0,1,1,0,10.723V30.43Z'%20transform='translate(67.186%2067.041)%20rotate(180)'/%3e%3cpath%20id='cross_4'%20data-name='cross%204'%20class='cls-4'%20d='M20.6,30.5h0a5.361,5.361,0,1,0-10.723,0H0A33.71,33.71,0,0,1,30.56,0V9.818a5.361,5.361,0,1,1,0,10.723V30.5Z'%20transform='translate(0%2067.041)%20rotate(-90)'/%3e%3c/svg%3e)
Viewing HTML Files
You can view HTML files directly in the workspace without downloading them. To change the content, you edit the source code.
HTML Preview (Rendering)
- Opening an
.htmlfile shows a preview of the file as below.
- Images in the same folder are shown as referenced from the HTML. CSS files linked with
<link>and JS files in the same folder are loaded after you allow script execution as described below. Styles written inside the HTML with<style>apply even before that. If you upload a build output from Vite or similar tools as a whole folder, it works once you allow script execution. - Click
Raw datain the top right to view the raw content. - The preview is view-only. To change the content, select
Edit sourceabove the preview.
Using Interactive Documents
Once you allow script execution, JavaScript (JS) runs, so HTML files with interactions such as clicks, animations, and tab switching can be run as-is. Without a separate server or deployment, uploading to a folder is all it takes for the entire team to run it.
Usage Examples
- Prototype proposals where clicking a button switches the screen
- Reports containing charts or graphs
- Proposals with interactions like tabs and accordions
Blocking Script Execution
If an HTML file contains a script (<script>) or an event handler, its execution is first blocked for security and a notice appears above the preview. Select one of the options below in the notice to run the scripts. If your account does not have execute permission, the notice tells you to contact your administrator instead of showing the options.
| Option | Description |
|---|---|
| Run once | Allows scripts only until you close the current browser tab. |
| Always allow for this file | In this browser, automatically allows scripts for this file going forward. If the file content changes, you are asked again. |
Editing HTML
HTML files are edited as source code only. There is no visual editor with formatting buttons, and double-clicking the body text in the preview does not switch to edit mode.
- Select
Edit sourceabove the preview. Selecting the edit (pencil) icon at the top, or double-clicking the body text inRaw data, does the same. - Change the content in the code editor on the
Raw datascreen. UseCtrl+Fto find and replace text. - Select the save (floppy disk) icon at the top, or press
Ctrl+S(macOS:Cmd+S), to save. - Return to the preview to check the result. If the file content changed, you are asked again whether to allow script execution.
You cannot start editing while another user is editing the same file. See Collaborative Chat and Edit Lock.