Zdarma Online HTML zkrášlovací / formátovač

Input data
bfotool loadding
Output data
bfotool loadding

HTML formátovač

Zadejte své chaotické, minifikované nebo zmatené HTML do pole výše, aby bylo vyčištěno a upraveno. Výše uvedený editor také obsahuje užitečná čísla řádků a zvýraznění syntaxe. Existuje mnoho možností, jak upravit zkrášlovací prostředek podle vašeho osobního vkusu formátování.

Kdy používáte HTML Viewer, HTML Formatter, HTML Formatter

Při psaní HTML může být vaše odsazení, mezery a další formátování poněkud neuspořádané. Je také běžné, že na jednom projektu pracuje více vývojářů, kteří mají různé techniky formátování. Tento nástroj je užitečný pro zajištění konzistentního formátování souboru. Je také běžné, že HTML je minifikováno nebo obfuskováno. Tento nástroj můžete použít k tomu, aby kód vypadal pěkně a čitelně, aby bylo snazší ho upravovat.

Příklady HTML Formatter

Minifikované HTML níže:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

Zkrášlí se tím:

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>