Herramientas para desarrolladores

Vista previa de HTML

Pega HTML/CSS/JS y previsualiza la página al instante: se ejecuta en tu navegador.

En el navegador

La vista previa corre en un marco aislado: no se sube nada a 1CLIK.

Acerca de esta herramienta

Previsualiza HTML en la página cuando bocetas un fragmento de correo, un bloque de aterrizaje o un ejercicio, sin desplegar un servidor.

La vista en vivo sirve para aprender y para cazar etiquetas que faltan antes de pegar en un CMS. No es un sandbox de producción: los scripts pueden estar limitados, y no debes probar píxeles de terceros con datos reales de clientes.

Escribe HTML semántico. Mira cómo se ve el árabe de derecha a izquierda si el fragmento irá a 1CLIK o a un sitio bilingüe. Combínalo con Embellecer HTML cuando el pegado llegó en una sola línea minificada.

No previsualices HTML en el que no confías (adjuntos al azar). El marcado malicioso es raro en tus propios borradores y frecuente en plantillas «gratis». Reserva el espacio para código que escribiste o revisaste.

Pasos rápidos

  1. Pega o escribe HTML en el editor.
  2. Mira cómo se actualiza el panel de vista previa.
  3. Corrige etiquetas y copia el marcado.
  4. Prueba otra vez en el CMS o en la herramienta de correo real.

El marcado se queda en la pestaña. No publicamos tu fragmento en internet.

Preguntas frecuentes

¿Puedo usar CSS y JS?

El playground de HTML, CSS y JS es mejor para experimentos de varios archivos.

¿HTML de correo?

Los clientes de correo son caprichosos. Previsualiza aquí y luego prueba en el cliente real, como Gmail u Outlook.

¿PHP o Blade?

Esto es HTML del lado del cliente. Las plantillas de servidor no se ejecutan.

Un paso útil a continuación

Políticas del sitio: Privacidad · Términos