Przejdź do treści

Edytor HTML

Pisz jak w edytorze tekstu i od razu zobacz gotowy kod HTML.

Wizualny
Wczytywanie edytora…
Więcej opcji czyszczenia →
PodglądSkrypty nie są tu uruchamiane. Chcesz uruchomić JavaScript? Użyj narzędzia Podgląd HTML
Działa w przeglądarce – dokument jest zapisywany tylko na tym urządzeniu. Przycisk „Wyczyść” go usuwa.

Jak używać

  1. W polu „Układ” wybierz „Obok siebie”, aby widzieć oba panele.
  2. Wklej kod HTML do panelu kodu.
  3. Edytuj treść w panelu wizualnym; zmiany pojawią się w kodzie.
  4. W polu „Zestaw czyszczenia” wybierz zestaw i kliknij „Uporządkuj kod”.
  5. Skopiuj gotowy kod lub pobierz plik HTML; w polu „Pobierz jako” wybierz „Fragment”, jeśli potrzebujesz tylko zawartości body.

Przykłady

Opis wydarzenia z Worda

Dane wejściowe
<p class="MsoNormal" style="mso-margin-top-alt:auto"><b>Warsztaty ceramiczne w Krakowie</b><o:p></o:p></p>
<p class="MsoNormal" style="font-size:12pt">Zapisy do 15 października. Liczba miejsc: 12.</p>
Wynik
<p><strong>Warsztaty ceramiczne w Krakowie</strong></p>
<p>Zapisy do 15 października. Liczba miejsc: 12.</p>

Link do kontaktu w CMS-ie

Dane wejściowe
<p class="contact"><span>Masz pytania?</span> <a href="https://pracownia.pl/kontakt" class="button" target="_blank">Napisz do nas</a></p>
<p></p>
Wynik
<p>Masz pytania? <a href="https://pracownia.pl/kontakt">Napisz do nas</a></p>

Tekst ogłoszenia bez skryptu

Dane wejściowe
<h2 id="ogloszenie">Kiermasz książek w Poznaniu</h2>
<p style="color:navy">Zapraszamy w sobotę od 10:00 do 14:00.</p>
<iframe src="https://biblioteka.pl/mapa"></iframe>
<script>console.log('kiermasz');</script>
Wynik
<h2>Kiermasz książek w Poznaniu</h2>
<p>Zapraszamy w sobotę od 10:00 do 14:00.</p>

FAQ

Czy mogę otworzyć dokument Worda w edytorze HTML?

Plików .doc i .docx nie można otworzyć bezpośrednio. Skopiuj treść z Worda lub Google Docs i wklej ją do panelu wizualnego z włączoną opcją „Czyść przy wklejaniu”, aby usunąć zbędne formatowanie.

Czy edytor HTML z podglądem uruchamia JavaScript?

Skrypty nie działają w edytorze wizualnym ani w podglądzie. Pozostają w kodzie do czasu edycji wizualnej, która je usuwa; do uruchamiania JavaScript użyj narzędzia Podgląd HTML.

Czy mogę edytować cały dokument HTML, a nie tylko fragment?

Możesz wkleić cały dokument HTML. Edycja wizualna obejmuje tylko zawartość body, a doctype, sekcja head oraz atrybuty znaczników html i body zostają zachowane.

Czy mój kod HTML jest wysyłany na serwer?

Edytowanie, czyszczenie i formatowanie odbywa się w przeglądarce; kod narzędzia nie wysyła dokumentu na serwer. Wersja robocza jest zapisywana lokalnie w tej przeglądarce, jeśli pozwalają na to jej ustawienia. Zewnętrzne obrazy i inne zasoby mogą być pobierane z ich źródłowych adresów, a ich serwery mogą zobaczyć Twój adres IP.