เบื้องต้น ให้ตรวจดูทุกครั้งว่าเปิดและปิด Spoiler ถูกต้องครบถ้วนไหม
การลากข้อความเพื่อเปลี่ยนสีหรือขนาดตัวอักษร ต้องให้แน่ใจว่าครอบทั้งกล่อง Spoiler
ไม่เช่นนั้นแล้ว โค้ดเปลี่ยนสีหรือขนาดตัวอักษรจะไปคั่นระหว่างข้อความภายในกล่อง Spoiler
ซึ่งจะเป็นสาเหตุให้ Spoiler ทำงานผิดพลาดได้
ตัวอย่าง
โค้ด:
[spoiler]
[b]ทดสอบ
[spoiler=ทดสอบหัวเรื่อง]
ทดสอบรูปภาพ
[img]https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Internet_Archive_logo_and_wordmark.svg/128px-Internet_Archive_logo_and_wordmark.svg.png[/img]
นี่คือเนื้อหาชั้นใน
[/spoiler]
เนื้อหาหลังจากเนื้อหาด้านใน[/b]
[/spoiler]
[color=#2ecc40]เนื้อหาระหว่าง 1 กับ 2 (เนื้อหานี้ไม่ได้อยู่ใน spoiler)[/color]
[color=#2ecc40][spoiler=หัวเรื่อง2]
เนื้อหา2
[/spoiler][/color]
[color=#2ecc40][spoiler=หัวเรื่อง3]
[size=x-small]
เนื้อหา 3
[spoiler="หัวด้านใน 3"]
เนื้อหาด้านใน 3
[spoiler=หัวด้านในยิ่งกว่า]
เนื้อหาด้านในยิ่งกว่า
[/spoiler]
เนื้อหาหลังจากเนื้อหาด้านในยิ่งกว่า
[/spoiler][/size]
เนื้อหาหลังจากเนื้อหาด้านใน 3
[/spoiler][/color]
[spoiler=หัวเรื่อง4]
นี่คือก่อนเนื้อหาด้านใน 4
[spoiler="หัวด้านใน 4"]
ทดสอบรูปภาพ
[img]https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Internet_Archive_logo_and_wordmark.svg/128px-Internet_Archive_logo_and_wordmark.svg.png[/img]
[/spoiler]
เนื้อหาหลังจากเนื้อหาด้านใน 4
[/spoiler]
ผลลัพธ์
แสดงเนื้อหา
สปอยเลอร์
ทดสอบ
แสดงเนื้อหา
ทดสอบหัวเรื่อง
ทดสอบรูปภาพ
นี่คือเนื้อหาชั้นใน
เนื้อหาหลังจากเนื้อหาด้านใน
เนื้อหาระหว่าง 1 กับ 2 (เนื้อหานี้ไม่ได้อยู่ใน spoiler)
แสดงเนื้อหา
หัวเรื่อง2
เนื้อหา2
แสดงเนื้อหา
หัวเรื่อง3
เนื้อหา 3
แสดงเนื้อหา
หัวด้านใน 3
เนื้อหาด้านใน 3
แสดงเนื้อหา
หัวด้านในยิ่งกว่า
เนื้อหาด้านในยิ่งกว่า
เนื้อหาหลังจากเนื้อหาด้านในยิ่งกว่า
เนื้อหาหลังจากเนื้อหาด้านใน 3
แสดงเนื้อหา
หัวเรื่อง4
นี่คือก่อนเนื้อหาด้านใน 4
แสดงเนื้อหา
หัวด้านใน 4
ทดสอบรูปภาพ
เนื้อหาหลังจากเนื้อหาด้านใน 4