EspañolES

Editor HTML en línea con vista previa en vivo

Escribe código a la izquierda y el resultado aparece a la derecha mientras escribes.

Tus textos y archivos no salen de tu navegador: no se envía nada a ningún servidor.

Tab inserta dos espacios. Para salir del editor con el teclado, pulsa Esc y luego Tab.

Vista previa

Cómo se usa

  1. Escribe HTML en el panel izquierdo. También se ejecutan el CSS dentro de <style> y el JavaScript dentro de <script>.
  2. Con “Actualizar mientras escribo” activado, la vista previa se redibuja cada vez que haces una pausa. Si el código es pesado, desactívalo y haz clic en “Actualizar” cuando quieras.
  3. Cambia “Ancho de la vista previa” a teléfono o tableta para probar tu diseño adaptable.
  4. Cuando termines, haz clic en “Descargar” para guardarlo como index.html, o en “Copiar” para llevarte el código.

Preguntas frecuentes

¿Es seguro ejecutar scripts en la vista previa?

La vista previa se ejecuta en un iframe aislado (sandbox) que solo permite scripts, así que no puede acceder a las cookies ni al almacenamiento de este sitio, y las ventanas emergentes y los envíos de formularios están bloqueados. Aun así, evita pegar código de fuentes en las que no confías.

¿Se guarda mi código?

No. Desaparece al cerrar o recargar la página, y nunca se envía a un servidor. Descárgalo o cópialo si quieres conservarlo.

¿Puedo cargar CSS, JS o imágenes externos?

Sí, los archivos servidos por https se pueden cargar con <link>, <script src> e <img>. El navegador bloquea las rutas de archivos locales de tu dispositivo.

Herramientas relacionadas

Formateador de HTMLOrdena e indenta código HTMLValidador de HTMLRevisa las etiquetas y la estructura del HTMLVista previa de MarkdownEditor Markdown en vivo que exporta HTMLMinificador JS/CSSReduce el tamaño de tus archivos JS y CSS

Todas las herramientas