Gratis online HTML Beautifier / Formatter

Input data
bfotool loadding
Output data
bfotool loadding

HTML-formater

Indtast din rodede, formindskede eller slørede HTML i feltet ovenfor for at få det ryddet op og gjort smukt. Editoren ovenfor indeholder også nyttige linjenumre og syntaksfremhævning. Der er mange muligheder for at skræddersy forskønneren til din personlige formateringssmag.

Hvornår bruger du HTML Viewer, HTML Formatter, HTML Formatter

Når du skriver HTML, kan din indrykning, mellemrum og anden formatering ofte blive en smule uorganiseret. Det er også almindeligt, at flere udviklere arbejder på et enkelt projekt, som har forskellige formateringsteknikker. Dette værktøj er nyttigt til at gøre formateringen af ​​en fil konsekvent. Det er også almindeligt, at HTML bliver minificeret eller sløret. Du kan bruge dette værktøj til at få koden til at se smuk og læsbar ud, så den er lettere at redigere.

Eksempler HTML Formatter

Den formindskede HTML nedenfor:

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

Bliver denne forskønnet:

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