'/%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)
Ver archivos HTML
Puede consultar archivos HTML directamente en el espacio de trabajo sin descargarlos. Para modificar el contenido, edite el código fuente.
Vista previa de HTML (representación)
- Al abrir un archivo
.html, se muestra una vista previa como la siguiente.
- Las imágenes de la misma carpeta aparecen tal como se referencian en el HTML. Los archivos CSS enlazados mediante
<link>y los archivos JS de la misma carpeta se cargan después de permitir la ejecución de scripts como se explica a continuación. Los estilos escritos dentro del HTML mediante<style>se aplican incluso antes de permitirla. Si carga como carpeta completa el resultado de una compilación de Vite o una herramienta similar, funcionará después de permitir la ejecución de scripts. - Seleccione
Raw dataen la esquina superior derecha para ver el contenido sin procesar. - La vista previa es de solo lectura. Para modificar el contenido, seleccione
Editar código fuentesobre la vista previa.
Usar documentos interactivos
Al permitir la ejecución de scripts, JavaScript (JS) funciona y puede ejecutar tal cual archivos HTML con interacciones como clics, animaciones y cambios de pestaña. Basta con cargarlos en una carpeta para que todo el equipo pueda ejecutarlos, sin un servidor o despliegue independiente.
Ejemplos de uso
- Propuestas de prototipos en las que la pantalla cambia al seleccionar un botón.
- Informes que contienen gráficos.
- Propuestas con interacciones como pestañas y acordeones.
Bloquear la ejecución de scripts
Si un archivo HTML contiene un script (<script>) o un controlador de eventos, su ejecución se bloquea primero por seguridad y aparece un aviso sobre la vista previa. Seleccione una de las siguientes opciones en el aviso para ejecutar los scripts. Si su cuenta no tiene permiso de ejecución, el aviso le indicará que contacte con el administrador en lugar de mostrar las opciones.
| Opción | Descripción |
|---|---|
| Run once | Permite los scripts solo hasta que cierre la pestaña actual del navegador. |
| Always allow for this file | Permite automáticamente los scripts de este archivo en este navegador. Si cambia el contenido del archivo, se volverá a solicitar permiso. |
Editar HTML
Los archivos HTML se editan únicamente como código fuente. No se ofrece un editor visual con botones de formato, y hacer doble clic en el cuerpo de la vista previa no cambia al modo de edición.
- Seleccione
Editar código fuentesobre la vista previa. También puede seleccionar el icono de edición (lápiz) de la parte superior o hacer doble clic en el cuerpo enRaw data. - Modifique el contenido en el editor de código de la pantalla
Raw data. ConCtrl+Fpuede buscar y reemplazar texto. - Seleccione el icono de guardar (disquete) de la parte superior o pulse
Ctrl+S(macOS:Cmd+S) para guardar. - Vuelva a la vista previa y compruebe el resultado. Si el contenido del archivo ha cambiado, se vuelve a solicitar permiso para ejecutar scripts.
Si otro usuario está editando el mismo archivo, no podrá empezar a editarlo. Consulte Chat colaborativo y bloqueo de edición.