Nástroje pre vývojárov, po ktorých siahate každý deň, všetky na jednom mieste.

Konvertory, formátovače, hashe, validátory a malé utility, ktoré si stále znova otvárate, zostávajú pokope namiesto toho, aby sa strácali medzi kartami.

GitHub

/ Nástroje

■

/ Vyhľadávač nástrojov

109 nástrojov

/ HTML formátovač

HTML vstup

/ Vybraný nástroj

■

HTML formátovač - bezplatný formátovací nástroj

Formátujte a skrášlite HTML kód so správnym odsadením

■ 01

Čo je formátovanie HTML?

Formátovanie HTML reštrukturalizuje HTML kód tak, aby dodržiaval konzistentné vzory odsadenia a zalomení riadkov. Tým sa kód stáva čitateľnejším a ľahšie udržiavateľným. Minifikácia odstraňuje všetky zbytočné biele znaky a komentáre, aby…

■ 02

Ako to funguje?

Formátovanie analyzuje HTML tagy a pridáva správne odsadenie na základe úrovne vnorenia. Samouzatváracie a prázdne elementy ako <img> a <br> sú spracované vhodne. Minifikácia odstraňuje komentáre a kolabuje biele znaky. Formát…

■ 03

Ukážkové prípady

Pokrýva jednoduchú štruktúru, s atribútmi a zložité vnorenie, aby ste mohli rýchlo porovnať bežné vstupy a výstupy.

/ Súvisiace nástroje

/ Kód

■

Zdrojový kód vybraného nástroja, zobrazený tu vedľa živej verzie napravo.

/ Zdrojový kód

TypeScript

typescript

// Simple HTML formatter

function formatHtml(html: string): string {
  if (!html.trim()) return '';

  const indentStr = '  ';
  let indentLevel = 0;
  const result: string[] = [];

  const voidElements = new Set([