ตัวแก้ไข HTML แบบ WYSIWYG
เขียนข้อความจัดรูปแบบในตัวแก้ไข WYSIWYG แล้วรับ HTML ที่สะอาด: bold, list, link, heading, source view แบบสด พร้อมคัดลอกหรือดาวน์โหลด ทำงานในเบราว์เซอร์ 100%
Loading tool...
ตัวแก้ไข HTML แบบ WYSIWYG คืออะไร?
HTML WYSIWYG Editor คือ rich-text editor บนเบราว์เซอร์: จัดรูปแบบข้อความแบบภาพด้วย toolbar (bold, italic, หัวข้อ, รายการ, ข้อความอ้างอิง, ลิงก์) แล้วรับ HTML ตามความหมายที่สะอาดจากแผงส่งออก แท็บ source ที่ตรงกันจะแสดง markup ดิบตลอดเวลา และไม่มีอะไรออกจากเบราว์เซอร์ของคุณเลย
ประโยชน์หลัก
- จัดรูปแบบแบบภาพ เผยแพร่ HTML ตามความหมาย — strong/em, หัวข้อ และรายการ ไม่ใช่กอง inline style
- source view แบบสดทำให้ HTML ดิบโปร่งใสขณะคุณเขียน
- การส่งออก HTML สะอาดตัดสิ่งเกินของ editor ออก ให้ CSS ของคุณเป็นผู้คุมสไตล์
- เป็นส่วนตัวสมบูรณ์ — ประมวลผลในเครื่อง ไม่อัปโหลด
- ฟรีและไม่จำกัด ใช้งาน offline ได้เมื่อโหลดหน้าเสร็จ
กรณีการใช้งาน
- •เขียนโพสต์ CMS หรือบล็อกที่รับเฉพาะ HTML
- •สร้าง HTML สำหรับอีเมลโดยไม่มี markup จากโปรแกรมสำนักงาน
- •ต้นแบบเนื้อหาจัดรูปแบบ พร้อมตรวจ markup ที่เกิดขึ้นจริง
- •ล้างการจัดรูปแบบที่วางมาจาก Word/Google Docs ก่อนเผยแพร่
วิธีใช้ตัวแก้ไข HTML แบบ WYSIWYG
- พิมพ์หรือวางเนื้อหา: พิมพ์ใน visual editor ได้เลย หรือวางข้อความเดิม — การจัดรูปแบบจากคลิปบอร์ดจะถูกเก็บไว้
- จัดรูปแบบด้วย toolbar: เลือกข้อความแล้วใส่ bold, italic, หัวข้อ, รายการ, ข้อความอ้างอิง หรือลิงก์ สลับไปแท็บ HTML source เพื่อแก้ markup เองได้
- ตรวจผลลัพธ์ที่สะอาด: แผงส่งออกแสดง HTML ที่ผ่านการทำความสะอาด: tag strong/em ตามความหมาย ไม่มี inline style, class หรือย่อหน้าเปล่า
- คัดลอกหรือดาวน์โหลด: คัดลอก HTML ลงคลิปบอร์ดหรือดาวน์โหลดเป็นไฟล์ document.html พร้อมนำไปวางใน CMS หรือหน้าเว็บใดก็ได้
คุณสมบัติหลัก
- Toolbar มี bold, italic, underline, ขีดฆ่า และล้างการจัดรูปแบบ
- หัวข้อ รายการ ข้อความอ้างอิง โค้ดบล็อก และเพิ่มลิงก์คลิกเดียว
- สองมุมมอง: แก้ไขแบบภาพ พร้อมแท็บซอร์ส HTML ดิบที่ตรงกัน
- ส่งออก HTML สะอาด ตัด style, class และย่อหน้าเปล่าออก
- ตัวนับคำและตัวอักษร อัปเดตสดขณะพิมพ์
- คัดลอกลงคลิปบอร์ดหรือดาวน์โหลดไฟล์ .html พร้อมใช้