HTML Beautify Tool- Gratis online HTML-formatter en -verfraaier

Input data
bfotool loadding
Output data
bfotool loadding

HTML-formatter

Voer je rommelige, geminimaliseerde of verhulde HTML in het veld hierboven in om deze op te schonen en mooier te maken. De editor hierboven bevat ook handige regelnummers en syntaxisaccentuering. Er zijn talloze opties om de beautifier aan te passen aan je persoonlijke opmaakvoorkeuren.

Wanneer gebruik je HTML Viewer, HTML Formatter, HTML Formatter

Vaak raken inspringing, spaties en andere opmaak bij het schrijven van HTML wat rommelig. Het komt ook vaak voor dat meerdere ontwikkelaars aan één project werken en verschillende opmaaktechnieken gebruiken. Deze tool is handig om de opmaak van een bestand consistent te maken. Het komt ook vaak voor dat HTML wordt geminimaliseerd of verhuld. Met deze tool kunt u de code er mooi en leesbaar uit laten zien, zodat deze gemakkelijker te bewerken is.

Voorbeelden HTML Formatter

De geminimaliseerde HTML hieronder:

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

Wordt zo verfraaid:

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