Wszystkie wpisy

Edytor HTML online: wyszukiwanie, import ZIP, foldery i historia wersji

Nie wszystko wymaga polecenia dla AI. Czasem chcesz tylko zmienić numer telefonu, podmienić logo albo poprawić literówkę w linii 840. Edytor w panelu Hostilo ma teraz do tego narzędzia: wyszukiwanie i zamianę, import projektu z ZIP, pliki w folderach i historię wersji, którą przywracasz jednym kliknięciem.

Szukaj i zamieniaj w kodzie

Strona wygenerowana przez AI ma łatwo 1000 linii. Zamiast przewijać, naciśnij Ctrl+F (albo kliknij lupę na pasku). Wyniki podświetlają się w kodzie i na pasku przewijania.

Potrzebujesz czegoś dokładniejszego? Wpisz wyrażenie regularne między ukośnikami, np. /tel:\+?[0-9 ]+/ znajdzie wszystkie linki do telefonu.

Import całego projektu z pliku ZIP

Masz stronę z innego narzędzia albo folder od AI z index.html, CSS, JS i obrazkami? Spakuj go do ZIP i wybierz Import → Projekt z pliku ZIP. Resztę robi Hostilo:

moja-strona.zip
  index.html
  css/style.css
  img/logo.png

W Hostilo:
  index.html            (Twoja strona)
  assets/css/style.css
  assets/img/logo.png

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

• index.html staje się Twoją stroną. Poprzednia wersja zostaje w Historii.
• Pozostałe pliki trafiają do assets/ z zachowaniem folderów.
• Ścieżki w index.html poprawiają się same, więc style i obrazki działają od razu.
• Jeśli wszystko jest w jednym folderze (moja-strona/index.html), ten folder jest pomijany.
• Przed importem widzisz podsumowanie: ile plików, ile megabajtów i które obecne pliki zostaną nadpisane. Możesz też najpierw wyczyścić assets/.
• Limity: ZIP do 20 MB, do 300 plików, jeden plik do 10 MB. Pliki ukryte i niebezpieczne ścieżki są pomijane.

Działa to też w drugą stronę: Pobierz .ZIP daje całą stronę ze wszystkimi plikami. Poprawiasz ją na komputerze i importujesz z powrotem.

Pliki w folderach

• Po imporcie lista plików pokazuje foldery (css, img, js), które rozwijasz i zwijasz.
• Pole filtra znajduje plik po nazwie w sekundę.
• Nowe pliki wgrywasz od razu do wybranego folderu.
• Kliknięcie pliku kopiuje jego ścieżkę albo wstawia go do kodu w miejscu kursora (obrazek staje się gotowym znacznikiem <img>).

Historia wersji

Każdy zapis zostawia poprzednią wersję. Kliknij Historia, żeby zobaczyć listę i przywrócić dowolną z nich.

• Hostilo trzyma 10 ostatnich wersji każdej strony.
• Przed przywróceniem obecny kod też zapisuje się jako wersja, więc nic nie ginie.
• Wersje powstają także przy publikacji przez AI (MCP), imporcie ZIP i stronach z szablonu.
• Jeśli po 15 minutach bezczynności zostaniesz wylogowany, przy następnym otwarciu edytor zaproponuje przywrócenie niezapisanych zmian.

Inne przydatne przyciski

• Formatuj porządkuje wcięcia, Minifikuj usuwa puste linie.
• Kopiuj wrzuca cały kod do schowka, np. żeby wkleić go do ChatGPT albo Claude.
• Importuj z URL pobiera HTML publicznej strony demo, Wczytaj otwiera plik .html z dysku.

Najczęstsze pytania

Czy te funkcje są darmowe?

Tak. Wyszukiwanie, import ZIP, foldery i historia działają w planie darmowym. PRO dodaje własną domenę, więcej miejsca i dłuższe statystyki.

Jakie pliki mogę zaimportować?

HTML, CSS, JavaScript, obrazy (także SVG i WebP), czcionki (woff, woff2, ttf, otf) oraz typowe pliki tekstowe i danych. Inne typy są pomijane i wypisane w podsumowaniu.

Czy import usunie moje obecne pliki?

Nie, chyba że zaznaczysz opcję wyczyszczenia assets przed importem. Pliki o tej samej nazwie są nadpisywane, a podsumowanie mówi, ile ich jest, zanim potwierdzisz.

Ile starszych wersji mogę przywrócić?

10 ostatnich wersji każdej strony. Starsze są usuwane automatycznie.

Budujesz z AI? Przeczytaj, jak opublikować stronę wieloplikową z ChatGPT albo Claude jednym poleceniem.