.::www.Chayoo.in.th::.

 ลืมรหัสผ่าน
 สมัครสมาชิก
ค้นหา
ดู: 137|ตอบกลับ: 1

เฮ้ย .....หน้าเพจ HTML มันพิมพ์ได้ด้วย

[คัดลอกลิงก์]
ลองก้อปปี้โค้ดนี้ไปลองรันในเครื่องท่านเพื่อทำการทดสอบกันสักหน่อยก่อน
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Can Edit</title>
  5. </head>

  6. <body contentEditable="true"> </body>
  7. </html>
คัดลอกไปที่คลิปบอร์ด
หลังจากลองรันขึ้นมาแล้ว ท่านจะเจอกับหน้าขาววอกๆ ไม่มีอะไรพิศดาร แต่เดี่ยวก่อน ลองเอาเมาส์คลิกลงไปบนหน้าขาวๆ นั้นแล้วลองพิมพ์คำอะไรก็ได้ดู


หน้าเว็บเพจมันพิมพ์ตัวอักษรได้ด้วย ตอนที่ผมทำได้เมื่อหลายปีก่อน ผมตื่นเต้นน่าดู ทีนี้มาดูกันว่าอะไรที่ทำให้หน้าเว็บเพจสามารถพิมพ์ข้อความลงไปได้
  1. contentEditable="true"
คัดลอกไปที่คลิปบอร์ด
attribute นี้เองที่ทำให้อิลิเม้นท์ใดๆสามารถพิมพ์ข้อความลงไปได้ โดยถ้าเราต้องการให้บางตำแหน่งในเว็บเพจพิมพ์ข้อความลงไปได้ เราก็แค่กำหนด
  1. contentEditable="true"
คัดลอกไปที่คลิปบอร์ด
ให้กับ div หรืออิลิเม้นท์ที่ต้องการ
  1. <div contentEditable="true"></div>
คัดลอกไปที่คลิปบอร์ด
ทีนี้ถ้าต้องการหยิบเอาข้อความที่ยูสเซ่อพิมพ์เข้าไปทำอะไรต่อ เราก็ใช้ javaScript หยิบมันขึ้นมา

TinyMCE ก็ใช้ attribute นี้ในการสร้าง WYSIWYG Toolbox ให้เราใช้งาน
โพสต์ 2012-11-15 17:32:22 | ดูโพสต์ทั้งหมด
น่าสนครับ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

ประวัติการแบน|Mobile|รูปแบบข้อความล้วน|www.Chayoo.in.th

GMT+8, 2019-8-24 03:41 , Processed in 0.037811 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้