display code html การแสดงโค้ด html บนหน้าเว็บ

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

มีวิธีง่ายๆ สำหรับงานนี้ด้วย find and replace ผมจะใช้ dreamweaver ช่วยละกัน แล้วอะไรล่ะที่เราต้องค้นหาและแทนที่มัน

1. เครื่องหมาย <
2. เครื่องหมาย >
3. ขึ้นบรรทัดใหม่
4. แท็บ

สองอย่างหลังนี่ เพื่อความสวยงามของผลลัพธ์

การเปิด find and replace ของ Dreamweaver ให้กดปุ่ม Ctrl+F

เครื่องหมาย < แทนที่ด้วย &lt;
เครื่องหมาย > แทนที่ด้วย &gt;
ขึ้นบรรทัดใหม่ ในช่อง Find ให้กดปุ่ม Ctrl ค้างไว้ แล้วกด Enter จะเป็นการหา ขึ้นบรรทัดใหม่ แทนที่ด้วย <br>
แท็บ ในช่อง Find ให้กดปุ่ม Ctrl ค้างไว้ แล้วกดแท็บ จะเป็นการหา แท็บ แทนที่ด้วย &nbsp; สัก 4 ตัว

ก้อปปี้สิ่งที่ได้ ไปใช้ตามต้องการ