Saor in Aisce ar líne HTML Beautifier / Formáiditheoir

Input data
bfotool loadding
Output data
bfotool loadding

Formáidiú HTML

Cuir isteach do HTML messy, mionghearrtha nó obfuscated isteach sa réimse thuas chun é a ghlanadh suas agus a dhéanamh go deas. Tá uimhreacha líne cabhracha agus béim ar chomhréir san eagarthóir thuas freisin. Tá go leor roghanna ann chun an t-áilleoir a chur in oiriúint do do bhlas formáidithe pearsanta.

Cathain a úsáideann tú HTML Viewer, HTML Formatter, HTML Formatter

Go minic agus HTML á scríobh féadann do eangú, spásáil agus formáidiú eile éirí beagán neamheagraithe. Tá sé coitianta freisin go n-oibreoidh forbróirí iolracha ar thionscadal amháin a bhfuil teicnící formáidithe éagsúla acu. Tá an uirlis seo ina chuidiú chun formáidiú comhaid a dhéanamh comhsheasmhach. Tá sé coitianta freisin HTML a mhionlaghdú nó a chaolú. Is féidir leat an uirlis seo a úsáid chun breathnú ar an gcód sin go hálainn agus inléite ionas go mbeidh sé níos éasca é a chur in eagar.

Formáidiú HTML Samplaí

An HTML mionghearrtha thíos:

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

Éiríonn sé seo álainn :

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