WEB · EDITOR VISUAL

Editor visual de HTML y CSS con vista previa en vivo

Abre una página HTML o PHP junto con sus CSS y sus imágenes, corrige los textos haciendo clic en la vista previa, retoca el CSS en vivo y descarga el archivo actualizado.

✓ Procesamiento local en el navegador✓ Las herramientas son gratuitas y no requieren registro.
o pega el código

El PHP nunca se ejecuta: los bloques <?php ?> se sustituyen por marcadores inertes solo en la copia de la vista previa y permanecen intactos en el archivo que descargas.

Haz clic en un texto de la vista previa para escribir: el cursor también se coloca en el HTML. Arrastra el separador para ensanchar o alargar los paneles.

Ningún elemento seleccionado
Listo.

Código HTML

Se actualiza con cada edición visual. También puedes escribir aquí: la vista previa lo sigue.

CSS en vivo

Las reglas que escribes aquí se aplican de inmediato a la vista previa.

En resumen: Editor visual de HTML y CSS

Editor visual de HTML y CSS — Abre una página HTML o PHP en el navegador, muestra su vista previa y permite corregir los textos haciendo clic sobre ellos y el CSS en vivo. El PHP no se ejecuta y ningún archivo se sube a un servidor.

Edita el texto de una página web viendo el resultado al instante

El editor visual de HTML y CSS muestra tu página tal como la vería un visitante y te permite corregir los textos haciendo clic sobre ellos, sin buscar la línea exacta en el código. Las reglas CSS que escribes se aplican al instante a la vista previa.

Privacidad

El archivo se procesa localmente en el navegador.

Coste

Las herramientas son gratuitas y no requieren registro.

Compatibilidad

Funcionan en los navegadores modernos de escritorio y móvil.

Cómo se usa

  1. Arrastra la página junto con sus CSS y sus imágenes, o pega el código.
  2. Haz clic en la vista previa sobre el elemento que quieres corregir y escribe el texto nuevo.
  3. Ajusta el aspecto escribiendo reglas en el recuadro del CSS en vivo.
  4. Descarga el archivo como .html o .php, listo para volver a publicarlo.

Ventajas

El archivo sigue igual

Solo se reescribe el elemento que editas. Comentarios, sangrado y bloques PHP permanecen idénticos carácter por carácter.

El PHP está a salvo

El código PHP nunca se ejecuta ni se altera: en la vista previa se convierte en un marcador inerte y en el archivo descargado vuelve a su sitio.

Vista previa fiel

Si cargas también el CSS, las imágenes y las fuentes, ves la página con el mismo aspecto que tiene en línea.

Sin instalaciones

Funciona en una pestaña del navegador, incluso sin conexión después de la primera carga.

Por qué todo se procesa en tu navegador

La página que abres la lee el navegador con las API de archivos locales y se muestra dentro de un iframe aislado. No existe ninguna llamada de red hacia ToolPixy que transporte tu documento: no hay subida, ni almacenamiento, ni registro. Cuando cierras la pestaña, del archivo no queda nada.

Preguntas sobre privacidad

¿El archivo se sube a un servidor?

No. El procesamiento ocurre en el navegador cuando usas estas herramientas. El archivo permanece en tu dispositivo.

¿Se ejecuta el PHP?

No, nunca. Los bloques PHP se sustituyen por marcadores inertes en la copia usada para la vista previa, así que el navegador no los interpreta. En el archivo que descargas vuelven idénticos al original.

¿Puedo perder el trabajo si cierro la pestaña?

Sí, porque no guardamos nada en ningún sitio. Descarga el archivo cuando hayas terminado.

¿Hace falta crear una cuenta?

No. Puedes usar la herramienta y descargar el resultado sin registrarte.

Herramientas relacionadas