Pega HTML o abre un archivo .html para ver su resultado renderizado al instante.
Recursos externos y scripts desactivados.
Tu página renderizada aparecerá aquí.
Pega un documento completo o un pequeño fragmento para comprobar el resultado renderizado. Es útil para revisar ejemplos guardados, marcado de correos electrónicos, plantillas generadas e ideas rápidas de UI. El visor renderiza HTML; no valida si el marcado sigue un estándar.
Abre un archivo .html o .htm de hasta 2 MB. El archivo se lee y se renderiza localmente y no se sube a Phoenix Code. Los archivos relativos no se importan con él, mientras que las imágenes, estilos, fuentes, marcos y medios absolutos solo se cargan cuando habilitas los recursos externos.
HTML y CSS en línea funcionan por defecto. Las imágenes, estilos, fuentes, marcos o medios externos requieren su habilitación. JavaScript solo está disponible con el acceso externo, ya que los scripts pueden contactar o navegar a otros sitios y pueden hacer que la pestaña no responda. La vista previa utiliza un iframe restringido sin acceso del mismo origen; los formularios, las ventanas emergentes, las descargas desde la vista previa y la navegación de nivel superior permanecen bloqueados.
Pega el código HTML en el panel de código fuente. La vista previa en vivo está activada por defecto, por lo que el resultado renderizado se actualiza cuando dejas de escribir. Desactiva la vista previa en vivo si prefieres usar el botón Actualizar vista previa manualmente.
Sí. Elige Abrir archivo .html y selecciona un archivo .html o .htm de hasta 2 MB. La lectura y la renderización se realizan en tu navegador; el archivo en sí no se sube a Phoenix Code.
El CSS en línea está habilitado. Los recursos de página externos están bloqueados hasta que selecciones Permitir recursos externos. Para ejecutar JavaScript, habilita primero los recursos externos; los scripts de la vista previa pueden contactar o navegar a otros sitios y pueden hacer que la pestaña no responda. Ejecuta solo código en el que confíes.
Un visor sirve para renderizar rápidamente un documento o un fragmento de código. Un editor está pensado para trabajos de autoría más largos, como la gestión de archivos de proyecto, las sugerencias de código y la vista previa sincronizada. Phoenix Code ofrece edición de HTML y CSS con Vista Previa en Vivo, mientras que Phoenix Pro añade edición visual directa y herramientas más completas de vista previa en dispositivos.
Highlight Mode conecta un elemento en Live Preview con su código fuente HTML.
Pasa de una vista previa rápida a un proyecto web completo sin perder la conexión entre el código fuente y la página renderizada.