Gratis online HTML Beautifier / Formatterare

Input data
bfotool loadding
Output data
bfotool loadding

HTML-formaterare

Ange din röriga, förminskade eller obfuskerade HTML i fältet ovan för att få den städad och snygg. Redaktören ovan innehåller också användbara radnummer och syntaxmarkering. Det finns många alternativ för att skräddarsy förskönaren efter din personliga formateringssmak.

När använder du HTML Viewer, HTML Formatter, HTML Formatter

När du skriver HTML kan ofta indrag, mellanrum och annan formatering bli lite oorganiserad. Det är också vanligt att flera utvecklare arbetar med ett enda projekt som har olika formateringstekniker. Det här verktyget är användbart för att göra formateringen av en fil konsekvent. Det är också vanligt att HTML förminskas eller fördunklas. Du kan använda det här verktyget för att få den koden att se vacker och läsbar ut så att den är lättare att redigera.

Exempel HTML Formatter

Den förminskade HTML-koden nedan:

<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>

Blir denna förskönad:

<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>