textarea วิธีเปลือยโค้ดโดยไม่ให้รัน




สงสัยมานานแล้วค่ะ ว่าบรรดาเซียนบล๊อคทั้งหลายที่สอนและแจกโค้ดแต่งบล๊อคเค้ามีวิธีแสดงโค้ดยังไง
เพราะเวลาเราแปะโค้ดเนี่ย มันจะรัน (แปล) โค้ดให้โดยอัตโนมัติเลยใช่มั๊ยคะ จริงๆ หลายท่านก็มีวิธีแก้ที่ง่ายมากๆ ก็คือ ใส่ * หรือ สัญลักษณ์อื่นแทรกเข้าไปหน้าโค้ดเพื่อโค้ดจะได้อ่านไม่ได้
ตัวอย่างเช่น <*table>
แล้วเวลาจะใช้จริงก็ค่อยลบ * ออกก่อน

แต่วิธีนี้ คนขี้ลืมอย่างเราเนี่ย ลำบากมากมาย (ยังจะบ่นอีก เค้าแจกโค้ดให้ฟรีๆ ก็ดีเท่าไหร่แล้ว ... แหะๆ)

อีกอย่าง เท่าที่เห็นเซียนตัวจริงเค้าแปะคำสั่งเวลาแจกโค้ดนั้น โค้ดที่แจกก็สามารถ copy ไปใช้ได้เลยทันทีอย่างสะดวก
ก็มิได้มีเจ้า * มาขัดขวางแต่อย่างใด
เลยเป็นงงสงสัยว่า ท่านเหล่านี้เค้ามีเคล็ดลับอันใดหนอ

ว่าจะถามเพื่อนรัก (คุณเหมี่ยว) เจ้าของเคล็ดวิชากรอบและบีจีสไตล์ญี่ปุ่น (ตำราที่เราเอามาดัดแปลงใช้อยู่เป็นประจำในบล๊อคนี่แหละจ้า) ก็ไม่ทัน เพราะเพื่อนเลิกเล่น Bloggang ไปแล้ว
แต่โชคดีที่ไปค้นเจอในบล๊อคของคุณแคท (lozocat) ที่ได้รวบรวมโค้ดที่จำเป็นขึ้นมาใหม่ เรียกว่ารวมโค้ดที่มีประโยชน์ในการแต่งบล๊อครวมไปถึงการอธิบายโค้ดและตัวอย่างที่เข้าใจง่าย สามารถนำไปใช้ได้ทันที และสามารถนำไปสร้างสรรค์เพิ่มเติมต่อได้ตามต้องการ
เพื่อนๆ สามารถตามไปดูบล๊อคต้นฉบับของคุณแคทได้โดยจิ้มไปที่หัวใจสีชมพูนี้ได้เลยค่ะ

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

ที่เราเอามาลงในบล๊อคเราเองนี้ก็เพื่อกันลืมน่ะค่ะ เรียกว่าก๊อบคำสั่งเค้ามาอีกที เผื่อใช้เร็วๆ โดยไม่ต้องรอโหลดนาน แต่ถ้าจะหาคำอธิบายโดยละเอียดจริงๆ ล่ะก็... เรียนเชิญที่บล๊อคคุณแคทเลยดีกว่านะคะ (จิ้มที่ Photobucket ข้างบนนั่นแหละค่ะ) เรื่อง textarea จะอยู่หัวข้อที่ 3 จากล่างสุดค่ะ 555









แถมรหัสกรอบสีชมพูอันนี้ไว้ให้ด้วยละกันค่ะ อิอิ ศึกษาจากที่คุณแคทสอนเอาไว้แล้วเอามาลองทำเองนี่แหละค่ะ แปะไว้กันลืม ใครสนใจจะหยิบไปใช้ก็เชิญตามสบายค่ะ (แต่คำอธิบายไปอ่านจากของคุณแคทเองนะ แบบนะเราขี้เกียจอ่ะ 5555)
ปล. ตอนเทสโค้ดก็ดีอยู่นา ไหงตอน publish ขอบบนขอบล่างมันเป็นอย่างนี้ไปได้ก็ไม่รู้ งงๆ อยู่ค่ะ แต่ถ้าข้อความไม่ยาวมันไม่เป็นนะคะ แหะๆ









Create Date : 20 ธันวาคม 2553
Last Update : 20 ธันวาคม 2553 16:20:55 น.
Counter : 631 Pageviews.

3 comments
แจกภาพปฏิทินประจำวัน ครั้งที่ 2 (8-14 มิถุนายน 2568) ทองกาญจนา
(7 มิ.ย. 2568 07:34:22 น.)
แจกภาพปฏิทินประจำวัน ครั้งที่ 1 (1-7 มิถุนายน 2568) ทองกาญจนา
(31 พ.ค. 2568 07:37:46 น.)
ถนนสายนี้ ... ... มีตะพาบ หลักกิโลเมตรที่ 376 "กระดาษหนึ่งแผ่นที่แสนมีค่า" toor36
(11 พ.ค. 2568 20:44:21 น.)
BlogGang Popular Award ครั้งที่ 21 BlogGang.com
(6 ม.ค. 2568 10:13:44 น.)
  
ขอบคุณครับ
โดย: idea4thai วันที่: 31 ธันวาคม 2553 เวลา:11:41:51 น.
  
ขอบคุณมากๆค่ะ
โดย: pickalone วันที่: 4 กุมภาพันธ์ 2554 เวลา:22:07:02 น.
  
Thanks for the great article. I hope to be back to read it again. Please write to me so I like this article. I feel much better and more knowledgeable. Thank you.

PN51D550 Review Samsung PN51D550 Review Bike For Sale Cyber Monday 2012 Cyber Monday Sale Ipad Cyber Monday 32 Inch TV Price Dewalt 18 Volt Battery Scopes BSA Scopes BSA Halloween Costumes Couples Couples Halloween Costumes
โดย: AIRRO01 (AIRRO01 ) วันที่: 11 พฤศจิกายน 2554 เวลา:0:10:15 น.
ชื่อ :
Comment :
 *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 

Delizio.BlogGang.com

LeaDGlasS
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 2 คน [?]