Gratis online HTML Beautifier / Formatter

Input data
bfotool loadding
Output data
bfotool loadding

HTML-formater

Skriv inn den rotete, forminskede eller uklare HTML-koden din i feltet ovenfor for å få den ryddet opp og gjort pen. Redaktøren ovenfor inneholder også nyttige linjenumre og syntaksutheving. Det er mange alternativer for å skreddersy forskjønneren til din personlige formateringssmak.

Når bruker du HTML Viewer, HTML Formatter, HTML Formatter

Når du skriver HTML, kan innrykk, mellomrom og annen formatering ofte bli litt uorganisert. Det er også vanlig at flere utviklere jobber med ett enkelt prosjekt som har forskjellige formateringsteknikker. Dette verktøyet er nyttig for å gjøre formateringen av en fil konsistent. Det er også vanlig at HTML forminskes eller tilsløres. Du kan bruke dette verktøyet til å få koden til å se pen og lesbar ut, slik at den er lettere å redigere.

Eksempler HTML Formatter

Den forminskede HTML-en 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>

Blir denne forskjø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>