การแสดงโค้ดของโปรแกรมใน Blogspot

มีบางกรณีเราจำเป็นต้องวางโค้ดลงในบล็อกเพื่อให้ผู้อ่านสามารถคัดลอกไปใช้ได้เลย การวางโค้ดตรงๆ ในเว็บไม่สามารถแสดงโค้ดอย่างที่ต้องการได้ เนื่องจากเบราเซอร์พยามตีความโค้ดเหล่านั้นและแสดงผลการตีความออกมา

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

เนื่องจากผมจะเขียนหลายบทความที่้ต้องมีการแสดงโค้ด เลยต้องลองค้นให้เป็นจริงเป็นจัง ใน Google สักที หลังจากใช้คำค้นหลายคำ พบว่าคำที่ได้ผลคือ "publish code on blog" และพบบทความ Blogherald.com
ที่แนะนำวิธีแก้ปัญหาให้

วิธีการเขาคือแปลงอักขระพิเศษทั้งหลายให้เป็น character entities เมื่อถูกแสดงผลโดยเบราเซอร์แล้วก็จะกลายเป็นโค้ดที่เราต้องการได้

ส่วนวิธีการแปลงนั้นไม่ลำบากถึงขนาดต้องแปลงด้วยตัวเอง เพราะมีผู้สร้างเครื่องมือไว้ให้ทั้งออนไลน์และออฟไลน์ ผมทดลองใช้ของ html code converter โดยกำหนดตัวเลือกเป็น "Convert and colorize text" ซึ่งก็ให้ผลดี โค้ดที่แสดงสามารถคัดลอกไปวางและใช้งานต่อไปได้ทันที


ขออนุญาตนำโค้ดของครูนรินทร์มาเผยแพร่ซ้ำอีกทีนะครับ(บทความนี้มีส่วนกระตุ้นให้ผมขวนขวายหาคำตอบนะครับ)

โค้ดตัวอักษรวิ่ง
--------------------------------------------
<marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#ffffcc">ทดสอบตัวหนังสือเลี่อนครับ</marquee>
--------------------------------------------

แก้ไข 26 ส.ค. 2556
เว็บไซต์ที่แนะนำไว้คือ html code coverter หายไปแล้ว ผมพบแหล่งใหม่ที่ http://codeformatter.blogspot.com/

ความคิดเห็น

Mr Narin Anongchai กล่าวว่า
แวะมาชม ครับ ดีมาก
หามานาน
BeauNus กล่าวว่า
พี่ค๊าบบบบบ

เว้นบรรทัดทำไงหรอค๊าบบ

งงมากคร๊าบบบ
AE กล่าวว่า
แวะมาชม

โพสต์ยอดนิยมจากบล็อกนี้

C001-2.1 ดีไวซ์ไดรเวอร์ และโปรแกรมดีไวซ์เมเนเจอร์

Jonathan Livingston : Seagull

พระพุทธเจ้าเป็นศาสดาเอกของโลก... จริงหรือ ?