Editor y Visor HTML
Escribe, pega o sube HTML, CSS y JavaScript a la izquierda y mira el resultado renderizado en tiempo real a la derecha. Tanto el editor como el visor son totalmente interactivos.
Cómo usar el editor HTML
Escribe directamente en el panel de código a la izquierda, o pega el marcado que ya tengas: un formulario de contacto, una plantilla de correo, una página HTML completa con CSS y JavaScript, o cualquier proyecto HTML. El resaltado de sintaxis facilita distinguir etiquetas, atributos y valores de un vistazo.
¿Ya tienes un archivo .html? Arrástralo y suéltalo sobre el panel de código, o haz clic en "Subir archivo" para elegir uno desde tu dispositivo. Se cargará directamente en el editor.
El panel derecho es una vista previa en vivo: renderiza tu HTML en tiempo real mientras escribes. Cambia a "Código fuente" en cualquier momento para ver exactamente el marcado que se está renderizando.
Usa la barra de herramientas sobre el panel de código para insertar etiquetas comunes, dar formato al texto o deshacer/rehacer cambios. O haz clic directamente en la vista previa y escribe: al seleccionar texto aparece una barra de formato correspondiente (negrita, cursiva, subrayado, enlaces, alineación, color), y al hacer clic en una imagen u otro elemento puedes eliminarlo directamente. Ambos paneles permanecen completamente sincronizados en todo momento.
Una vez que hayas terminado de editar y el visor HTML muestre el resultado que necesitas, haz clic en "Copiar HTML" para copiar el código fuente completo al portapapeles, o en "Descargar .html" para guardarlo como archivo.