Embellecedor / Formateador HTML gratuito en línea

Input data
bfotool loadding
Output data
bfotool loadding

Formateador HTML

Ingrese su HTML desordenado, minimizado u ofuscado en el campo de arriba para que se limpie y se embellezca. El editor anterior también contiene números de línea útiles y resaltado de sintaxis. Hay muchas opciones para adaptar el embellecedor a sus gustos personales de formato.

¿Cuándo se utiliza el visor de HTML, el formateador de HTML, el formateador de HTML?

A menudo, al escribir HTML, la sangría, el espaciado y otros formatos pueden volverse un poco desorganizados. También es común que varios desarrolladores trabajen en un solo proyecto que tienen diferentes técnicas de formato. Esta herramienta es útil para hacer que el formato de un archivo sea coherente. También es común que HTML se minimice u ofusque. Puede utilizar esta herramienta para hacer que el código se vea bonito y legible para que sea más fácil de editar.

Formateador HTML de ejemplos

El HTML minimizado a continuación:

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

Se embellece esto:

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