ตัวแก้ไข HTML

เขียน HTML, CSS และ JavaScript แล้วเห็นหน้าเว็บขณะพิมพ์

คอนโซล
  1. ข้อความจาก console.log() และข้อผิดพลาดใน JavaScript ของคุณจะแสดงที่นี่

โค้ดของคุณทำงานในเบราว์เซอร์ของคุณภายในเฟรมแยกต่างหาก และบันทึกไว้บนอุปกรณ์นี้เท่านั้น

วิธีใช้ตัวแก้ไข HTML ออนไลน์

ขั้นตอนที่ 1

เขียนหรือวางโค้ดในแท็บ HTML, CSS และ JavaScript

ขั้นตอนที่ 2

ดูพรีวิวและคอนโซลขณะที่คุณพิมพ์

ขั้นตอนที่ 3

คัดลอกหรือดาวน์โหลดหน้าเว็บเป็นไฟล์ HTML ไฟล์เดียว

ตัวแก้ไขโค้ดพร้อมพรีวิวสด

เขียนโค้ดในแท็บ HTML, CSS และ JavaScript แล้วพรีวิวด้านข้างจะแสดงหน้าเว็บขณะที่คุณพิมพ์ เอาเครื่องหมายออกจาก “อัปเดตขณะพิมพ์” เพื่อให้โค้ดทำงานเฉพาะเมื่อคุณคลิก “เรียกใช้” หรือกด Ctrl+Enter ตัวแก้ไขจะไฮไลต์โค้ด เยื้องบรรทัดใหม่ ปิดวงเล็บและแท็กให้ และทำเครื่องหมายข้อผิดพลาดที่ขอบ ส่วนคอนโซลใต้พรีวิวจะแสดงสิ่งที่สคริปต์ของคุณเขียนด้วย console.log() และข้อผิดพลาดที่เกิดขึ้นพร้อมหมายเลขบรรทัด ปุ่มเหนือพรีวิวจะแสดงหน้าเว็บที่ความกว้างของแล็ปท็อป แท็บเล็ต หรือโทรศัพท์ และปุ่มเต็มหน้าจอจะขยายตัวแก้ไขให้เต็มหน้าต่าง

หน้าเว็บของคุณทำงานในเฟรมแยกที่อยู่ในแซนด์บ็อกซ์ สไตล์และสคริปต์ของหน้าจึงเปลี่ยนแปลงเว็บไซต์นี้ไม่ได้ และเว็บไซต์ก็ไม่ได้อ่านโค้ดของคุณ โค้ดจะถูกบันทึกในเบราว์เซอร์ขณะที่คุณพิมพ์ และยังอยู่เมื่อคุณเปิดตัวแก้ไขอีกครั้ง “คัดลอก HTML” และ “ดาวน์โหลด HTML” ให้หน้าเว็บทั้งหน้าเป็นไฟล์ HTML ไฟล์เดียวที่มี CSS และ JavaScript อยู่ข้างใน พร้อมเปิดในเบราว์เซอร์หรืออัปโหลด และ “เปิดไฟล์” จะโหลดไฟล์ HTML, CSS หรือ JavaScript เข้าไปในแท็บของไฟล์นั้น “โหลดโค้ดตัวอย่าง” จะนำหน้าตัวอย่างกลับมา ตัวแก้ไขนี้สร้างขึ้นบน Ace ซึ่งเป็นตัวแก้ไขโค้ดโอเพนซอร์ส

AnyTextEditor มีประโยชน์กับคุณหรือไม่?

สวัสดี. เราพยายามอย่างมากที่จะสร้างเว็บไซต์ที่สะดวกสบายที่เราใช้เอง หากคุณชอบเครื่องมือและเครื่องมือแก้ไขใด ๆ ของเราให้เพิ่มลงในบุ๊กมาร์กของคุณเพราะจะมีประโยชน์กับคุณมากกว่าหนึ่งครั้ง และอย่าลืมแชร์บนโซเชียลมีเดีย เราจะดีกว่าสำหรับคุณ