Code Formatter

เครื่องมือทั้งหมด

จัดรูปแบบ HTML, CSS และ JavaScript — จัดการย่อหน้าและเพิ่มการขึ้นบรรทัดใหม่เพื่อให้โค้ดที่รกหรือถูกย่ออ่านได้ง่าย

—
บรรทัด
—
ขนาด
โค้ดที่จัดรูปแบบแล้วจะปรากฏที่นี่

						

					

				

			

		

	


        
                    

		


					
เกี่ยวกับ Code Formatter

							
Code Formatter ช่วยจัดรูปแบบโค้ด HTML, CSS และ JavaScript ให้สวยงาม โดยจัดย่อหน้าใหม่ตามโครงสร้างที่ซ้อนกัน คืนการขึ้นบรรทัดใหม่และช่องว่าง จัดวางให้เป็นระเบียบสม่ำเสมอ เปลี่ยนโค้ดที่ถูกบีบอัดหรือรกให้กลับมาอ่านและตรวจสอบได้จริง

							
วางโค้ดโดยตรงหรืออัปโหลดไฟล์ .html, .css หรือ .js เลือกภาษา แล้วจัดรูปแบบได้ในคลิกเดียว แผงผลลัพธ์จะรายงานจำนวนบรรทัดและขนาดของผลลัพธ์ และโค้ดที่จัดรูปแบบแล้วสามารถคัดลอกไปยังคลิปบอร์ดหรือดาวน์โหลดเป็นไฟล์ได้

							
เครื่องมือนี้เป็นคู่หูตามธรรมชาติของตัวบีบอัดโค้ด ใช้เพื่อคลายการบีบอัดของโค้ดที่ใช้งานจริงเพื่อดีบัก จัดระเบียบมาร์กอัปที่สร้างขึ้นเอง หรือปรับย่อหน้าให้เรียบร้อยก่อนตรวจโค้ด ไฟล์ที่อัปโหลดจะถูกประมวลผลบนเซิร์ฟเวอร์แล้วลบทิ้งโดยอัตโนมัติ

					
					
วิธีใช้ Code Formatter

			
    
									
  1. เลือกภาษา: HTML, CSS หรือ JavaScript
    2. 
									
  2. วางโค้ดที่รกหรือถูกบีบอัด หรืออัปโหลดไฟล์แทน
    3. 
									
  3. คลิก Format
    4. 
									
  4. คัดลอกผลลัพธ์ที่จัดรูปแบบแล้ว หรือดาวน์โหลดเป็นไฟล์
    5. 
							

		
					
คำถามที่พบบ่อย

			

									

						

							
						

						

							
ใช่ — การจัดรูปแบบ HTML, CSS และ JavaScript ฟรีและไม่จำกัด ไม่ต้องสมัครสมาชิก

						

					

									

						

							
						

						

							
ได้ ตัวจัดรูปแบบจะคืนการขึ้นบรรทัดใหม่และการเยื้องย่อหน้า ขยาย CSS หรือ JavaScript ที่บีบอัดเป็นบรรทัดเดียวให้กลายเป็นโค้ดที่จัดซ้อนอย่างถูกต้องและตรวจสอบได้ อย่างไรก็ตาม มันไม่สามารถคืนชื่อตัวแปรที่ถูกลบโดยตัวบีบอัดแบบก้าวร้าวได้

						

					

									

						

							
						

						

							
ไม่ ปรับเฉพาะช่องว่าง การเยื้องย่อหน้า และการขึ้นบรรทัดใหม่เท่านั้น — โทเค็น สตริง และตรรกะจะผ่านไปโดยไม่ถูกแตะต้อง ทำให้ไฟล์ที่จัดรูปแบบแล้วทำงานเหมือนกับต้นฉบับทุกประการ

						

					

									

						

							
						

						

							
ได้ สลับไปที่ Upload file แล้วลากไฟล์ HTML, CSS หรือ JS ที่มีขนาดไม่เกินที่แสดงบนหน้าเว็บวางลงไป ไฟล์ที่อัปโหลดจะถูกประมวลผลสำหรับขั้นตอนจัดรูปแบบแล้วลบทิ้งโดยอัตโนมัติ

						

					

									

						

							
						

						

							
HTML (รวมถึงมาร์กอัปที่ฝังอยู่ภายใน) CSS และ JavaScript สำหรับ JSON ให้ใช้ JSON Formatter โดยเฉพาะ ซึ่งเพิ่มการตรวจสอบความถูกต้องและตำแหน่งข้อผิดพลาดนอกเหนือจากการจัดรูปแบบให้สวยงาม

						

					

							


						
			


	



	
	

		

		

			แชร์สิ่งนี้
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
					

	



    
	
	

				
เครื่องมือที่เกี่ยวข้อง


					

									

						
							
							
								
									Code Minifier
									
								
								ลดขนาด HTML, CSS และ JavaScript — ตัดคอมเมนต์และช่องว่างเพื่อให้ไฟล์เล็กลงและโหลดเร็วขึ้น
								
																			ฟรี
																	
							
						
					

									

						
							
							
								
									JSON Formatter
									
								
								จัดรูปแบบ ย่อ และตรวจสอบ JSON
								
																			ฟรี
																	
							
						
					

									

						
							
							
								
									Regex Tester
									
								
								สร้าง ทดสอบ และแก้จุดบกพร่อง regular expression แบบสดในเบราว์เซอร์ — ไฮไลต์การจับคู่ทันที กลุ่มการจับ ตัวอย่างการแทนที่ คำอธิบายภาษาธรรมดา และโค้ดพร้อมวางสำหรับ 15+ ภาษา
								
																			ฟรี
																	
							
						
					

									

						
							
							
								
									จัดรูปแบบ Array
									
								
								ขยาย array และ object แบบบรรทัดเดียวให้เป็นบรรทัดที่เยื้องอย่างเป็นระเบียบ หรือยุบกลับเป็นบรรทัดเดียว สำหรับ PHP, JavaScript, TypeScript, JSON, Python, Ruby และอื่นๆ
								
																			ฟรี
																	
							
						
					

									

						
							
							
								
									Cron Expression Builder
									
								
								สร้าง cron expression จากฟอร์มที่เข้าใจง่าย — กำหนดแต่ละฟิลด์ ดู expression แบบสด กำหนดการที่อ่านได้ และเวลาทำงานถัดไป จากนั้น parse expression ใดก็ได้กลับเข้าฟอร์ม
								
																			ฟรี
																	
							
						
					

									

						
							
							
								
									JWT Decoder
									
								
								ถอดรหัส JWT header และ payload (ไม่ตรวจสอบลายเซ็น)
								
																			ฟรี
																	
							
						
					

							

			





		

		
การค้นหายอดนิยม

		

							ตัวจัดรูปแบบโค้ด
							จัดสวยงาม JavaScript
							จัดรูปแบบ CSS ออนไลน์
							ตัวจัดสวยงาม HTML
							พิมพ์โค้ดสวยงาม
							ตัวจัดสวยงามโค้ด
					

	





		

			

				

					
					

						
ต้องการความช่วยเหลือ?

						
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา

					

				

				
					รายงานปัญหา
				
			

		

	





        

            

                

                    
                

                

                    

                        
เพิ่มเครื่องมือฟรีนี้ลงในเว็บไซต์ของคุณเอง — คัดลอกและวางโค้ดด้านล่าง