Brezplačni spletni olepševalec/oblikovalnik HTML

Input data
bfotool loadding
Output data
bfotool loadding

Oblikovalnik HTML

V zgornje polje vnesite svoj neurejen, zmanjšan ali zamegljen HTML, da ga očistite in polepšate. Zgornji urejevalnik vsebuje tudi koristne številke vrstic in označevanje sintakse. Obstaja veliko možnosti za prilagajanje lepotilnika vašim osebnim okusom oblikovanja.

Kdaj uporabljate HTML Viewer, HTML Formatter, HTML Formatter

Pri pisanju HTML lahko pogosto postanejo zamiki, presledki in drugo oblikovanje nekoliko neurejeni. Prav tako je običajno, da na enem projektu dela več razvijalcev, ki uporabljajo različne tehnike oblikovanja. To orodje je koristno za skladnost oblikovanja datoteke. Prav tako je običajno, da je HTML pomanjšan ali zakrit. S tem orodjem lahko poskrbite, da bo koda videti lepa in berljiva, tako da jo je lažje urejati.

Primeri HTML Formatter

Spodaj zmanjšan HTML:

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

Postane tole polepš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>