Besplatni mrežni alat za uljepšavanje/formatiranje HTML-a

Input data
bfotool loadding
Output data
bfotool loadding

HTML Formater

Unesite svoj neuredan, umanjen ili maskiran HTML u gornje polje kako biste ga očistili i uljepšali. Gornji uređivač također sadrži korisne brojeve redaka i isticanje sintakse. Postoji mnogo opcija za prilagođavanje uljepšavača prema vašem osobnom ukusu oblikovanja.

Kada koristite HTML Viewer, HTML Formatter, HTML Formatter

Često prilikom pisanja HTML-a vaša uvlaka, razmaci i drugo oblikovanje mogu postati pomalo neorganizirani. Također je uobičajeno da više programera radi na jednom projektu koji imaju različite tehnike oblikovanja. Ovaj je alat koristan za dosljednost oblikovanja datoteke. Također je uobičajeno da se HTML minimizira ili maskira. Možete upotrijebiti ovaj alat kako bi kod izgledao lijepo i čitljivo pa ga je lakše uređivati.

Primjeri HTML formatera

Umanjeni HTML u nastavku:

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

Postaje ovo uljepšano:

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