วิธีทำ BBCODE Spoiler ซ่อนเนื้อหา ซ่อนข้อความ แบบใหม่

popiazaza

ทำเพื่อแก้ไขปัญหาบางครั้งไม่ทำงาน โชว์แต่เป็นโค้ด

และเดิมมันเป็นโค้ดแบบ Pantip ซึ่งไม่ควรไปนำมาลอกเลียนแบบครับ

ตัวอย่าง:

คลิกเพื่อดูเนื้อหาที่ซ่อนไว้

ทดสอบ Spoiler แบบใหม่

วิธีการแก้ไข Spoil แบบเก่าให้เป็นแบบใหม่

1. เปิด AdminCP -> รูปแบบ -> จัดการเครื่องมือโพสต์ -> โค้ด Discuz! แล้วกดปุ่ม "รายละเอียด" ของ BBCODE spoil




2. คัดลองข้อความด้านล่างไป แทนที่ ข้อความเดิมใน "โค้ด/เนื้อหาที่ต้องการ :"

1. <script>function bb_spoiler(e){var n=e.parentNode.getElementsByTagName("div")[0];"none"===n.style.display?(n.style.display="block",e.innerHTML="คลิกเพื่อซ่อนเนื้อหา"):(n.style.display="none",e.innerHTML="คลิกเพื่อดูเนื้อหาที่ซ่อนไว้")}</script><div><button onclick="bb_spoiler(this)">คลิกเพื่อดูเนื้อหาที่ซ่อนไว้</button><div style="display:none">{1}</div></div>

คัดลอกไปที่คลิปบอร์ด

หมายเหตุ: ยังใช้กับข้อความหลายบรรทัดไม่ได้

popiazaza

สำหรับเว็บไหนที่ยังไม่มี BBCODE Spoiler เลยให้
ดาวน์โหลดรูป  และอัปโหลดไปยังโฟลเดอร์ /static/image/common/
จากนั้นทำตามขั้นตอนดังภาพ







จากนั้นทำตามขั้นตอนตามกระทู้หลักข้างบน

Jason

ขอบคุณครับ แจ้งเพิ่มเติมสำหรับของบางคนใครทำแล้วไม่ได้อย่าตกใจนะ ให้ลบตัว Spoil ตัวเก่าออก
แล้วให้เพิ่มใหม่อันนี้ได้เลย ตัวเก่าเหมือนผูกกับไฟล์เว็บสำหรับ Discuz 3.4 จะมีติดมาทุกคนตอนติดตั้ง