ซึ่งผมเพิ่มฟิลด์ 2 ฟิลด์ของที่ไว้สำหรับทำสารบัญครับ
- ฟิลด์เก็บชื่อหัวข้อ
- ฟิลด์สำหรับไอดี เอาไว้กดเลื่อนไปหาหัวข้อในบทความ
แนวทางที่ผมคิดนะครับว่าจะให้ผู้ใช้กรอกในส่วนสารบัญหัวข้อกับไอดี และส่วนเนื้อหาบทความก็กรอกเนื้อในกับใช้ปุ่ม anchor
กดปุ่ม anchor ที่ต้องให้ไปเลื่อน ใส่ชื่อใน id ผลที่ได้ จะมีรูปสมอ ถ้าไปดู view code แล้วมีแท็ก a ขึ้นมา
โค้ด: เลือกทั้งหมด
<li><a id="t1"></a>ตัวอย่างคู่มือการใช้งาน<img style="display: block; margin-left: auto; margin-right: auto;" title="ตัวอย่างรูปภาพ" src="images/article_thumbnail_th_1578035091.jpg" alt="ตัวอย่างรูปภาพ" width="400" height="300" />
<p style="text-align: center;">ตัวอย่างคู่มือการใช้งาน</p>
</li>
โค้ด: เลือกทั้งหมด
<div class="index-box">
<div class="flex-index-box">
<h3>สารบัญ</h3>
<button class="btn btn-primary btn-index-box" data-toggle="collapse" data-target="#collapseExample">
สลับ
</button></div>
<div id="collapseExample" class="collapse"><a href="#{field 74}">{field 75}</a></div>
</div>
<div class="main-article">{field 33}</div>