Devdit
 

แก้ไขข้อความบนหน้าเว็บไซต์ด้วย Content Editable ภาษา HTML5

1.1K

Content Editable ภาษา HTML5 คือ ความสามารถที่ให้ผู้ใช้งานเว็บไซต์สามารถแก้ไขข้อความบนหน้าเว็บไซต์ ณ ตอนนั้นได้เลย โดยการคลิกที่ข้อความส่วนดังกล่าว ประโยชน์ของ Content Editable คือ เราสามารถพัฒนาระบบแก้ไขข้อความต่างๆ ที่มีข้อมูลไม่ซับซ้อนมากโดยไม่ต้องใช้ input text ซึ่งช่วยเพิ่มความสะดวกให้กับผู้ใช้งานเว็บไซต์มากยิ่งขึ้น ความสามารถนี้ทำงานผ่านคำสั่ง contenteditable สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง

<p contenteditable="true">คลิก เพื่อแก้ไขเนื้อหาส่วนนี้</p>
แก้ไข 3 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ