Cómo usar: Visor HTML
- Pega tu HTML en el cuadro HTML (los cuadros de CSS y JavaScript son opcionales).
- La vista previa se actualiza mientras escribes; haz clic en Pantalla completa en la vista previa para ver la página a tamaño real.
- Usa Formatear para ordenar el código o Descargar .html para guardar la página.
Previsualiza HTML sin guardar un archivo
Revisar un fragmento de un CMS, una plantilla de email o una respuesta de Stack Overflow suele implicar guardar un archivo .html y abrirlo en el navegador. Aquí lo pegas y lo ves al momento. La vista previa se ejecuta en un marco aislado, así que los scripts del fragmento no pueden acceder a este sitio ni a tus datos.
Emails HTML e incrustaciones de Webflow
Pega una plantilla de email para revisar su diseño antes de enviarla, o un Code Embed de Webflow para verlo fuera del Designer. Si faltan estilos, normalmente es porque el CSS está en un archivo aparte: pégalo en el cuadro de CSS. Para convertir un diseño en elementos de Webflow, usa HTML/CSS a Webflow.
También se busca como: previsualizar html online, vista previa html, visor html online, vista previa css, renderizar html, ver código html, previsualizar email html, visor de archivos html.
Herramientas que combinan con: Visor HTML
- Editor HTML en línea — Un playground de código ligero: edita HTML, CSS y JavaScript lado a lado, mira el resultado al instante, revisa la salida de la consola y descarga tu página como un único archivo HTML.
- Formateador HTML — Pega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques <style> y <script> incrustados.
- HTML a Markdown — Pega HTML — o copia texto enriquecido directamente de una página web, un Google Doc o un correo — y obtén un Markdown ordenado que puedes llevar a un README, una wiki o un sitio estático.
- Formateador de CSS — Convierte una hoja de estilos minificada en CSS legible, con una propiedad por línea y bloques @media correctamente anidados.