Plantillas de correo y boletines
Redacta HTML de boletines y previsualízalo en ancho móvil antes de enviar, para que tablas rotas y columnas apretadas no lleguen a los suscriptores.
01Editor0 caracteres
02Vista previa
Tu página renderizada aparecerá aquí.
Editor de HTML
Escribe y edita HTML, con vista previa en vivo
Un editor de HTML que vive en tu navegador. Escribe o pega HTML, CSS y JavaScript, edítalo con resaltado de sintaxis y míralo renderizar en vivo mientras escribes. Ordena el código desordenado con un clic de formato y luego publica una página alojada con un enlace público — sin cuenta.
Privado por diseñoLa vista previa se renderiza en tu navegador. Tu código nunca sale del dispositivo hasta que pulsas publicar.
Cualquier tamaño de pantallaCambia entre anchos de escritorio, tableta y móvil para revisar los diseños responsive.
Publica con un clicConvierte tu código en una página alojada con enlace público. Sin cuenta.
Cómo funciona
Un editor que previsualiza mientras escribes
Escribe o pega HTML, CSS y JavaScript y míralo renderizar al instante en un iframe aislado — sin compilación ni ida y vuelta al servidor. Edita con libertad: la vista previa se actualiza según cambias el código, así puedes armar una página, corregir una etiqueta rota o reestilizar una sección y ver el resultado de inmediato. Embellece el código con el formateador, cambia los anchos para detectar problemas responsive y exporta un .html limpio cuando lo necesites. Nada se sube hasta que publicas, así que también sirve como borrador privado para fragmentos, plantillas de correo y maquetas.
¿Quieres reestilizar una página terminada sin tocar el código? Prueba Editor visual.
¿Conforme con el marcado? Exporta la página como PDF con HTML a PDF.
¿Listo para entregarlo? Compilador HTML revisa el marcado, elimina lo que sobra y publica el archivo compilado.
Qué puedes hacer
Crea y perfecciona cualquier HTML, de correos a páginas de aterrizaje
Escríbelo, da forma y, cuando esté listo, publícalo como página alojada con enlace público — o usa Markdown a HTML para alojar Markdown. Todo para crear HTML rápido en un solo lugar.
Inserta una imagen alojada directamente en tu página con Alojamiento de imágenes.
Maquetas de páginas de aterrizaje
Borra una página de aterrizaje o producto en minutos, afina el diseño en tres tamaños de pantalla y luego publica un enlace para compartir.
Fragmentos y aprendizaje
Practica un botón, una animación o un formulario directo en el editor — la forma más rápida de aprender y experimentar con HTML, CSS y JavaScript.
Para quién es
Para cualquiera que escribe HTML
Borra una página, corrige un fragmento o prueba una idea — edita e itera sin configuración local.
Edita sobre la marcha
Un editor concentrado con vista previa en vivo. Cambia el marcado y el resultado se actualiza al instante — sin compilación ni recargar.
Detecta problemas pronto
Alterna entre anchos de escritorio, tableta y móvil para detectar diseños rotos antes de publicar.
Publica cuando estés listo
Publica en una URL pública, o sigue trabajando en local y solo exporta el archivo.
Cómo se usa
Del editor en blanco a la página alojada
Sin cuenta, sin configuración. Escribe, edita y publica cuando esté listo.
Escribe o pega
Empieza desde un editor en blanco, carga el ejemplo o arrastra un .html existente para editarlo.
Edita con vista previa en vivo
Ajusta el código y observa la vista previa aislada actualizarse en tiempo real, con anchos predefinidos.
Publica el enlace
Obtén una URL pública para compartir en cualquier parte — o quédatela en local y solo exporta el archivo.
Preguntas
Preguntas frecuentes del editor de HTML
¿Se sube mi código?
No. El editor se ejecuta completamente en tu navegador. Tu código solo llega a un servidor cuando pulsas Publicar.
¿Hay resaltado de sintaxis?
Sí. El editor resalta HTML, CSS y JavaScript mientras escribes, así las etiquetas, atributos y llaves son más fáciles de leer y los errores, más fáciles de detectar.
¿Puedo formatear o embellecer mi HTML?
Sí. Usa Formatear para convertir un marcado desordenado y difícil de leer en código limpio y sangrado con un clic — ideal para ordenar HTML pegado o generado.
¿Puedo comprobar diseños responsive?
Sí. Alterna entre anchos de escritorio, tableta y móvil para ver cómo se comporta tu página en distintos tamaños mientras editas.
¿Qué pasa al publicar?
Tu código se convierte en una página HTML alojada con enlace público. Más tarde puedes eliminarla desde el historial de esta página.
¿Puedo editar HTML con CSS y JavaScript?
Sí. El editor maneja HTML, CSS y JavaScript completos en un marco aislado, así puedes construir páginas interactivas, formularios y animaciones exactamente como las vería un visitante.
¿En qué se diferencia del HTML Viewer?
El HTML Viewer sirve para previsualizar código que ya tienes. El editor de HTML sirve para escribirlo y editarlo — con resaltado de sintaxis, formato en un clic y una vista previa que se actualiza mientras escribes.
¿Puedo exportar o descargar mi código?
Sí. Usa Exportar .html para descargar tu código como archivo, o abre la vista previa en una pestaña nueva para inspeccionarla en una ventana completa del navegador.