Todas las entradas

Editor HTML en línea: búsqueda, importación ZIP, carpetas e historial de versiones

No todo necesita un prompt de IA. A veces solo quieres cambiar un teléfono, sustituir un logo o corregir una errata en la línea 840. El editor del panel de Hostilo ya tiene las herramientas para eso: buscar y reemplazar, importar un proyecto ZIP, archivos en carpetas e historial de versiones que restauras con un clic.

Buscar y reemplazar en el código

Una página generada por IA tiene fácilmente 1.000 líneas. En lugar de desplazarte, pulsa Ctrl+F (o haz clic en la lupa de la barra). Las coincidencias se resaltan en el código y en la barra de desplazamiento.

¿Necesitas más precisión? Escribe una expresión regular entre barras, por ejemplo /tel:\+?[0-9 ]+/ encuentra todos los enlaces de teléfono.

Importar un proyecto completo desde un ZIP

¿Hiciste tu web con otra herramienta o la IA te dio una carpeta con index.html, CSS, JS e imágenes? Comprímela en ZIP y elige Importar → Proyecto desde un archivo ZIP. Hostilo hace el resto:

mi-sitio.zip
  index.html
  css/style.css
  img/logo.png

En Hostilo:
  index.html            (tu página)
  assets/css/style.css
  assets/img/logo.png

<link href="css/style.css">  ->  <link href="assets/css/style.css">

• index.html pasa a ser tu página. La versión anterior queda en el Historial.
• El resto de archivos va a assets/, manteniendo las carpetas.
• Las rutas de index.html se corrigen solas, así que estilos e imágenes funcionan al instante.
• Si todo está dentro de una carpeta (mi-sitio/index.html), esa carpeta se omite.
• Antes de importar ves un resumen: cuántos archivos, cuántos megabytes y qué archivos actuales se reemplazarán. También puedes vaciar assets/ antes.
• Límites: ZIP de hasta 20 MB, hasta 300 archivos, un archivo de hasta 10 MB. Los archivos ocultos y las rutas inseguras se omiten.

También funciona al revés: Descargar .ZIP te da el sitio entero con todos sus archivos. Lo editas en tu ordenador y lo vuelves a importar.

Archivos en carpetas

• Tras una importación, la lista muestra carpetas (css, img, js) que abres y cierras.
• El campo de filtro encuentra un archivo por nombre en un segundo.
• Subes archivos nuevos directamente a la carpeta que elijas.
• Al hacer clic en un archivo copias su ruta o lo insertas en el código donde está el cursor (una imagen se convierte en una etiqueta <img> lista).

Historial de versiones

Cada vez que guardas, se conserva la versión anterior. Haz clic en Historial para ver la lista y restaurar cualquiera.

• Hostilo guarda las últimas 10 versiones de cada página.
• Antes de restaurar, el código actual también se guarda como versión, así que no se pierde nada.
• También se crean versiones al publicar con IA (MCP), al importar un ZIP y con las páginas de plantilla.
• Si se cierra tu sesión tras 15 minutos de inactividad, el editor te ofrece recuperar los cambios sin guardar la próxima vez que lo abras.

Otros botones útiles

• Formatear ordena la sangría; Minificar elimina las líneas vacías.
• Copiar pone todo el código en el portapapeles, por ejemplo para pegarlo en ChatGPT o Claude.
• Importar desde URL trae el HTML de una página demo pública; Cargar abre un archivo .html de tu disco.

Preguntas frecuentes

¿Estas funciones son gratis?

Sí. La búsqueda, la importación ZIP, las carpetas y el historial funcionan en el plan gratuito. PRO añade dominio propio, más espacio y estadísticas más largas.

¿Qué tipos de archivo puedo importar?

HTML, CSS, JavaScript, imágenes (también SVG y WebP), fuentes (woff, woff2, ttf, otf) y archivos de texto y datos habituales. Los demás tipos se omiten y aparecen en el resumen.

¿La importación borrará mis archivos actuales?

No, salvo que marques la opción de vaciar assets antes. Los archivos con el mismo nombre se reemplazan, y el resumen te dice cuántos son antes de confirmar.

¿Cuántas versiones anteriores puedo restaurar?

Las últimas 10 versiones de cada página. Las más antiguas se eliminan automáticamente.

¿Construyes con IA? Lee cómo publicar una web de varios archivos desde ChatGPT o Claude con un solo prompt.