HTML Preview
Preview HTML code
Preview HTML code Działa lokalnie w Twojej przeglądarce
About the
Podgląd HTML renderuje fragment HTML na żywo, dzięki czemu możesz zobaczyć, co generuje, bez zapisywania pliku i otwierania go. Jest przeznaczony do krótkich fragmentów: szablonu wiadomości e-mail, znaczników komponentu, fragmentu z systemu zarządzania treścią lub czegokolwiek innego, co chcesz obejrzeć przed wklejeniem go gdzieś. Przełączanie między edycją a podglądem jest natychmiastowe, co sprawia, że jest to szybka pętla do poprawiania znaczników.
Where people use the
- Sprawdzanie fragmentu szablonu wiadomości e-mail przed wysłaniem testu.
- Podgląd znaczników wklejonych z systemu zarządzania treścią.
- Sprawdzanie poprawności fragmentu przed wklejeniem go do żądania ściągnięcia.
- Testowanie, czy tabela lub lista renderuje się zgodnie z oczekiwaniami.
How to use the
- 1
Wklej swój znacznik
Wpisz lub wklej fragment HTML do edytora. Pełny dokument lub tylko fragment działają.
- 2
Przełącz na podgląd
Naciśnij Podgląd, aby go wyrenderować. Znacznik jest rysowany na stronie tak, jak wyglądałby w przeglądarce.
- 3
Przełącz z powrotem i dostosuj
Naciśnij Edytuj, aby powrócić do znaczników. Zmiany zostaną zachowane, więc możesz je powtarzać.
- 4
Skopiuj go, kiedy będziesz szczęśliwy
Wybierz znacznik w edytorze i skopiuj go do swojego projektu.
Wskazówki i najlepsze praktyki
- Dodaj style wbudowane, jeśli Twój fragment zależy od arkusza stylów, którego tutaj nie ma.
- Czysty render nie jest dowodem poprawności znaczników; przeglądarki zapisują błędy.
- Pamiętaj o podglądzie fragmentów, a nie całych stron z zachowaniem skryptu.
Często zadawane pytania
Czy obsługuje CSS i JavaScript?
Tagi stylów i style wbudowane są renderowane. Skrypty są renderowane jako znaczniki, ale jest to podgląd fragmentu, dlatego zachowanie skryptu należy traktować jako zawodne.
Dlaczego mój fragment wygląda inaczej niż moja witryna?
Ponieważ brakuje otaczającego arkusza stylów. Fragment niczego tutaj nie dziedziczy, więc wszystko, co opiera się na CSS Twojej witryny, będzie wyglądało na pozbawione stylu.
Czy mogę załadować zewnętrzne obrazy lub czcionki?
Tak, jeśli są one dostępne publicznie, chociaż zasady otaczającej je strony nadal nie będą miały zastosowania.
Czy znaczniki zostały przesłane?
Nie. Renderowanie odbywa się w przeglądarce, więc niepublikowane szablony i zawartość wewnętrzna pozostają na Twoim urządzeniu.
Czy sprawdza poprawność kodu HTML?
Nie. Renderuje to, co mu dajesz. Przeglądarka po cichu naprawi niektóre błędy, więc czysty render nie dowodzi, że znaczniki są prawidłowe.