การตัดข้อความให้แสดงหน้าแรก และส่วนอ่านต่อ

    ในการเขียนบล็อกระบบของโปรแกรมที่เอามาทำเวบนี้มีระบบตัดข้อความที่ให้แสดงบางส่วนในหน้าแรก และส่วนให้อ่านต่อเป็นการตัดแบบอัตโนมัติ(นับจำนวนตัวอักษร) ซึ่งทำให้เกิดปัญหา เช่น

• เขียนข้อความเยอะ แล้วแทรกรูป ทำให้รูปประกอบที่ต้องการโชว์ไม่แสดงหน้าแรก แต่กลับไปอยู่ในส่วน อ่านต่อ
• ไม่เขียนข้อความใดๆ หรือเขียนข้อความก่อนแสดงรูปน้อยไป เอารูปมาแสดงเลยรูปขึ้นหน้าแรกหลายรูปเกินไป

   วิธีตัดข้อความให้แสดงในหน้าแรก และส่วนอ่านต่อเราจะใช้แทก <!--break--> แทรกในเนื้อความ แต่ไม่ใช่โหมดการพิมพ์ปกติ ต้องอยู่ในโหมด Disable rich-text

คลิก ที่ Disable rich-text ด้านล่าง ดังรูป

เมื่อกด Disable rich-text แล้วจะเห็นว่าเครื่องมือหรือไอคอนที่ช่วยในการพิมพ์จะหายไป
จะมีแต่ข้อความล้วนๆ ตรงนี้จะเป็น ภาษา HTML ที่อยู่เบื้องหลัง

แล้วจึงค่อย พิมพ์ <!--break-->  เพิ่มลงไป เพื่อตัดข้อความให้แสดงหน้าแรก และส่วนอ่านต่อ

คลิกที่รูปเพื่อดูรูปใหญ่

ข้อความที่อยู่หน้าแทก <!--break--> จะแสดงหน้าแรก ส่วนข้อความที่อยู่หลังแทก <!--break--> จะอยู่ในส่วนอ่านต่อ

สำหรับสมาชิกเมื่ออยู่ในโหลด Disable rich-text แล้วอ่านไม่เข้าใจภาษา HTML ขอให้สังเกตดังนี้ครับ

• <img src=...> เป็นการนำรูปมาแสดง
• </p> คือจบย่อหน้า

ในการใส่แทก <!--break--> แนะนำให้ใส่หลัง แทก </p> นะครับ ดังตัวอย่างในรูปด้านบน  หวังว่าคงช่วยให้การเขียนบล็อกง่ายขึ้นนะครับ

ตัวอย่างที่ 1

ผลที่ได้จะมีทั้งข้อความและรูปแสดงที่หน้าแรก

ตัวอย่างที่ 2

เรื่องเดิม แต่เปลี่ยนตำแหน่งของ <!--break-->

ผลที่ได้รูปก็ไม่แสดงในหน้าแรก แต่กลับไปอยู่ในส่วนอ่านต่อ