Todos os artigos

Editor HTML online: busca, importação ZIP, pastas e histórico de versões

Nem tudo precisa de um prompt de IA. Às vezes você só quer trocar um telefone, substituir um logo ou corrigir um erro de digitação na linha 840. O editor do painel da Hostilo agora tem as ferramentas para isso: buscar e substituir, importação de projeto ZIP, arquivos em pastas e histórico de versões que você restaura com um clique.

Buscar e substituir no código

Uma página gerada por IA chega fácil a 1.000 linhas. Em vez de rolar, pressione Ctrl+F (ou clique na lupa da barra de ferramentas). Os resultados ficam destacados no código e na barra de rolagem.

Precisa de mais precisão? Digite uma expressão regular entre barras, por exemplo /tel:\+?[0-9 ]+/ encontra todos os links de telefone.

Importar um projeto inteiro de um ZIP

Fez seu site em outra ferramenta ou a IA te deu uma pasta com index.html, CSS, JS e imagens? Compacte em ZIP e escolha Importar → Projeto a partir de um arquivo ZIP. A Hostilo faz o resto:

meu-site.zip
  index.html
  css/style.css
  img/logo.png

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

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

• index.html vira a sua página. A versão anterior fica no Histórico.
• Os demais arquivos vão para assets/, mantendo as pastas.
• Os caminhos no index.html são corrigidos sozinhos, então estilos e imagens funcionam na hora.
• Se tudo estiver dentro de uma pasta (meu-site/index.html), essa pasta é ignorada.
• Antes de importar você vê um resumo: quantos arquivos, quantos megabytes e quais arquivos atuais serão substituídos. Também dá para esvaziar assets/ antes.
• Limites: ZIP de até 20 MB, até 300 arquivos, um arquivo de até 10 MB. Arquivos ocultos e caminhos inseguros são ignorados.

Funciona no sentido inverso também: Baixar .ZIP entrega o site inteiro com todos os arquivos. Edite no computador e importe de volta.

Arquivos em pastas

• Depois de uma importação, a lista mostra pastas (css, img, js) que você abre e fecha.
• O campo de filtro acha um arquivo pelo nome em um segundo.
• Você envia arquivos novos direto para a pasta escolhida.
• Clicar em um arquivo copia o caminho ou insere no código onde está o cursor (uma imagem vira uma tag <img> pronta).

Histórico de versões

Cada vez que você salva, a versão anterior é mantida. Clique em Histórico para ver a lista e restaurar qualquer uma.

• A Hostilo guarda as últimas 10 versões de cada página.
• Antes de restaurar, o código atual também é salvo como versão, então nada se perde.
• Versões também são criadas ao publicar por IA (MCP), ao importar ZIP e nas páginas de modelo.
• Se a sessão expirar após 15 minutos sem atividade, o editor oferece recuperar as alterações não salvas na próxima vez que você abrir.

Outros botões úteis

• Formatar arruma a indentação; Minificar remove linhas vazias.
• Copiar coloca todo o código na área de transferência, por exemplo para colar no ChatGPT ou no Claude.
• Importar de URL traz o HTML de uma página demo pública; Carregar abre um arquivo .html do seu disco.

Perguntas frequentes

Esses recursos são grátis?

Sim. Busca, importação ZIP, pastas e histórico funcionam no plano gratuito. O PRO adiciona domínio próprio, mais espaço e estatísticas mais longas.

Que tipos de arquivo posso importar?

HTML, CSS, JavaScript, imagens (inclusive SVG e WebP), fontes (woff, woff2, ttf, otf) e arquivos comuns de texto e dados. Outros tipos são ignorados e listados no resumo.

A importação vai apagar meus arquivos atuais?

Não, a menos que você marque a opção de esvaziar assets antes. Arquivos com o mesmo nome são substituídos, e o resumo mostra quantos são antes de você confirmar.

Quantas versões antigas posso restaurar?

As últimas 10 versões de cada página. As mais antigas são removidas automaticamente.

Criando com IA? Leia como publicar um site com vários arquivos pelo ChatGPT ou Claude com um único prompt.