Formatter HTML/XML

Formatuj lub minifikuj HTML i XML, znajduj węzły selektorem CSS lub XPath i zamieniaj encje HTML — bezpośrednio w przeglądarce.

O narzędziu Formatter HTML/XML

Co to jest

Formatter HTML/XML sprawia, że znaczniki są czytelne albo zwarte, i przy okazji je sprawdza: niezamknięty lub niepasujący znacznik jest zgłaszany z wierszem i kolumną. Selektor CSS lub wyrażenie XPath zawężają wynik do potrzebnych węzłów. Druga karta zamienia znaki na encje HTML i z powrotem.

Główne funkcje

  • Formatowanie z wcięciem 2 lub 4 spacji albo tabulatorem, lub minifikacja.
  • HTML i XML, z błędami podającymi wiersz i kolumnę; JSX/TSX jako tryb eksperymentalny.
  • Zawijanie atrybutów: automatyczne, jeden na wiersz lub w jednym wierszu.
  • Selektor CSS lub XPath, który pokazuje tylko pasujące węzły.
  • Encje HTML: kodowanie i dekodowanie, tylko znaków HTML lub wszystkich spoza ASCII.

Jak używać

  1. Wklej znaczniki do edytora, przeciągnij na niego plik lub kliknij „Przykład”.
  2. Wybierz typ dokumentu i akcję: formatowanie lub minifikację, z odpowiednim wcięciem.
  3. W razie potrzeby wpisz „Selektor CSS” lub „XPath”, aby zostawić tylko część wyniku.
  4. Dla encji otwórz „Encje HTML”; potem skopiuj wynik lub wyślij go dalej.

Kiedy się przydaje

  • Odczytać zminifikowaną stronę lub szablon e-maila.
  • Znaleźć uszkodzony znacznik w dużym kanale XML lub mapie witryny.
  • Wyciągnąć selektorem wszystkie linki lub ceny ze strony.

Prywatność i ograniczenia

Twoje dane

Twoje znaczniki są przetwarzane w przeglądarce i nie trafiają na serwer; linki i skrypty w nich nie są wczytywane ani uruchamiane — witryna otrzymuje tylko anonimowe zdarzenie „otwarto narzędzie”, bez treści. Wynik wysłany do innego narzędzia zostaje na tym urządzeniu przez 24 godziny w „Ostatniej aktywności”. Link „Udostępnij” zawiera znaczniki w samym adresie, więc wysyłaj go tylko zaufanym osobom.

Ograniczenia

  • Tryb JSX/TSX jest eksperymentalny: wyrażenia JavaScript i komponenty nie są jeszcze w pełni rozumiane.
  • XML zna tylko pięć predefiniowanych encji; inne, jak  , trzeba zapisać jako odwołanie numeryczne.

Najczęstsze pytania

Wybrać HTML czy XML?

HTML jest wyrozumiały — niektóre znaczniki mogą zostać otwarte, tak jak pozwalają przeglądarki. XML jest ścisły: każdy znacznik się zamyka, atrybuty mają cudzysłowy, a korzeń jest jeden. Wybierz to, czym naprawdę jest Twój plik.

W czym pomagają selektor CSS i XPath?

Zostawiają tylko interesujące Cię węzły — na przykład a.product-link lub //item/price — żebyś mógł przeczytać lub skopiować tylko tę część dużego dokumentu.

Co robi opcja dla wszystkich znaków spoza ASCII?

Oprócz <, >, & i cudzysłowów zamienia na encję każdy znak spoza ASCII — litery diakrytyczne, cyrylicę, emoji — dla systemów, które przyjmują tylko czysty ASCII.