უფასო ონლაინ HTML Beautifier / Formatter

Input data
bfotool loadding
Output data
bfotool loadding

HTML ფორმატორი

შეიყვანეთ თქვენი ბინძური, შემცირებული ან ბუნდოვანი HTML ზემოთ მოცემულ ველში, რათა ის გაიწმინდოს და გახადოს ლამაზი. ზემოთ მოყვანილი რედაქტორი ასევე შეიცავს სასარგებლო ხაზების ნომრებს და სინტაქსის ხაზგასმას. არსებობს მრავალი ვარიანტი, რომ მოარგოთ გამალამაზებელი თქვენი პირადი ფორმატირების გემოვნებაზე.

როდის იყენებთ HTML Viewer, HTML Formatter, HTML Formatter

ხშირად HTML-ის წერისას თქვენი ჩაღრმავება, ინტერვალი და სხვა ფორმატირება შეიძლება ცოტა არაორგანიზებული გახდეს. ასევე ხშირია რამდენიმე დეველოპერისთვის მუშაობა ერთ პროექტზე, რომლებსაც აქვთ ფორმატირების განსხვავებული ტექნიკა. ეს ინსტრუმენტი გამოსადეგია ფაილის ფორმატირების თანმიმდევრული შესაქმნელად. ასევე ხშირია HTML-ის მინიფიცირება ან ბუნდოვანი. თქვენ შეგიძლიათ გამოიყენოთ ეს ინსტრუმენტი, რათა ეს კოდი ლამაზად და წასაკითხად გამოიყურებოდეს, რათა მისი რედაქტირება უფრო ადვილი იყოს.

HTML Formatter-ის მაგალითები

შემცირებული 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>

ასე ლამაზდება:

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