Форматувальник коду

Всі інструменти

Форматуйте HTML, CSS та JavaScript — розставляйте відступи та переноси рядків, щоб зробити брудний або мінімізований код читабельним.

—
Рядки
—
Розмір
Відформатований код з'явиться тут.

						

					

				

			

		

	


        
                    

		


					
Про Форматувальник коду

							
Форматувальник коду прикрашає HTML, CSS та JavaScript: він заново розставляє відступи для вкладених структур, відновлює переноси рядків і послідовно розділяє елементи пробілами, перетворюючи мінімізований чи безладний код на щось справді читабельне та зручне для перегляду.

							
Вставте код напряму або завантажте файл .html, .css чи .js, оберіть мову і відформатуйте одним кліком. Панель виводу показує кількість рядків і розмір результату, а прикрашений код можна скопіювати в буфер обміну або завантажити як файл.

							
Це природний компаньйон мінімізатора — використовуйте його, щоб демінімізувати продакшн-бандл, який потрібно налагодити, привести у порядок згенерований розмітку або нормалізувати відступи перед код-рев'ю. Завантажені файли обробляються на сервері й автоматично видаляються.

					
					
Як використовувати Форматувальник коду

			
    
									
  1. Оберіть мову: HTML, CSS або JavaScript.
    2. 
									
  2. Вставте безладний або мінімізований код, або натомість завантажте файл.
    3. 
									
  3. Натисніть "Форматувати".
    4. 
									
  4. Скопіюйте прикрашений результат або завантажте його як файл.
    5. 
							

		
					
Часті запитання

			

									

						

							
						

						

							
Так — форматування HTML, CSS та JavaScript безкоштовне й необмежене, реєстрація не потрібна.

						

					

									

						

							
						

						

							
Так. Форматувальник відновлює переноси рядків і відступи, розгортаючи однорядковий мінімізований CSS чи JavaScript у належно вкладений, зручний для перегляду код. Зауважте: він не може відновити назви змінних, видалені агресивним мінімізатором.

						

					

									

						

							
						

						

							
Ні. Змінюються лише пробіли, відступи та переноси рядків — токени, рядки й логіка залишаються недоторканими, тож відформатований файл поводиться ідентично оригіналу.

						

					

									

						

							
						

						

							
Так. Перемкніться на "Завантажити файл" і додайте файл HTML, CSS або JS у межах обмеження розміру, вказаного на сторінці. Завантаження обробляються для проходу форматування й автоматично видаляються.

						

					

									

						

							
						

						

							
HTML (включно з вбудованою розміткою), CSS та JavaScript. Для JSON скористайтеся спеціальним JSON-форматувальником, який додає валідацію та розташування помилок поверх красивого друку.

						

					

							


						
			


	



	
	

		

		

			Поділитися
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
					

	



    
	
	

				
Пов'язані інструменти


					

									

						
							
							
								
									Мінімізатор коду
									
								
								Стискайте HTML, CSS та JavaScript — видаляйте коментарі та пробіли, щоб зменшити розмір файлів і прискорити завантаження.
								
																			Безкоштовно
																	
							
						
					

									

						
							
							
								
									JSON Formatter
									
								
								Форматуйте, мінімізуйте та валідуйте JSON.
								
																			Безкоштовно
																	
							
						
					

									

						
							
							
								
									Тестер регулярних виразів
									
								
								Створюйте, тестуйте та налагоджуйте регулярні вирази прямо у браузері — миттєве виділення збігів, групи захоплення, попередній перегляд підстановки, пояснення зрозумілою мовою та готовий код для 15+ мов.
								
																			Безкоштовно
																	
							
						
					

									

						
							
							
								
									Форматувальник масивів
									
								
								Розгортайте вбудовані масиви та об'єкти в акуратні рядки з відступами або згортайте їх назад в один рядок — для PHP, JavaScript, TypeScript, JSON, Python, Ruby та інших.
								
																			Безкоштовно
																	
							
						
					

									

						
							
							
								
									Конструктор cron-виразів
									
								
								Складайте cron-вирази за допомогою простої візуальної форми — встановлюйте кожне поле, переглядайте живий вираз, розклад у зрозумілому вигляді та наступні запуски, а також розбирайте будь-який вираз назад у форму.
								
																			Безкоштовно
																	
							
						
					

									

						
							
							
								
									JWT Decoder
									
								
								Декодуйте заголовок та вміст JWT (підпис не перевіряється).
								
																			Безкоштовно
																	
							
						
					

							

			





		

		
Популярні запити

		

							форматувальник коду
							beautify javascript
							форматувати css онлайн
							beautifier html
							красивий вивід коду
							beautifier коду
					

	





		

			

				

					
					

						
Потрібна допомога?

						
Виникла проблема з цим інструментом? Повідомте нас.

					

				

				
					Повідомити про проблему
				
			

		

	





        

            

                

                    
                

                

                    

                        
Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.