HTML Editor

แนวคิดหลัก

ตัวแก้ไข HTML เป็นกระดานร่างที่มีซอร์สและพรีวิวในหน้าเดียว พรีวิวเขียนเอกสารลงเฟรมแยกพร้อมแซนด์บ็อกซ์เข้มงวด: ไม่รันสคริปต์ ไม่ส่งฟอร์ม และไม่เข้าถึง same-origin เหมาะกับโมกอัปแบนเนอร์หรือมาร์กอัปตาราง ไม่ทดแทน DevTools เต็ม แอปที่มีปฏิสัมพันธ์ควรเปิดบนเซิร์ฟเวอร์ท้องถิ่น แม้ซอร์สว่าง เมื่อพรีวิวแล้วจะแทนภาพก่อนหน้าด้วยเอกสารว่าง

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

ตัวอย่าง

ใส่ <h1>Preview</h1><p>Hello</p> ในซอร์สแล้วกดพรีวิว: เฟรมแสดงหัวเรื่องและย่อหน้า แท็กสคริปต์ยังไม่รันเพราะแซนด์บ็อกซ์ หลังแก้ ให้กดพรีวิวอีกครั้งเพื่ออัปเดตเฟรม รีเซ็ตกลับเป็นเอกสารว่าง

ที่เกี่ยวข้อง: ตัวจัดรูปแบบ HTML · ตัวตรวจ HTML · Excel → ตาราง HTML