Blog Notion oopy: plugin kustom floating table of contents

Ini adalah floating table of contents yang bisa diterapkan pada blog Notion oopy.

[Fitur]

1. Diimplementasikan dengan UI yang sama persis seperti floating table of contents yang muncul di sisi kanan pada Notion. (kecuali popover yang muncul saat hover)
2. Jika indikator diklik, halaman akan berpindah melalui scroll / indikator menunjukkan posisi saat ini.

[Cara instalasi]

1. oopy halaman admin > edit html > tambahkan tag script di bawah ke body lalu simpan
2. <script src="https://roseline124.github.io/custom-js/…;
3. Hapus cache lalu lakukan hard refresh

[Perbedaan dengan floating-toc milik oopy]

Ada juga floating-toc sebagai fitur eksperimental yang dibuat oleh oopy.
https://www.oopy.io/ko/guides/tips-and-tricks/floating-toc

Berbeda dengan floating-toc milik oopy, plugin kustom ini

1. tetap mendeteksi heading dan menampilkannya sebagai indikator meskipun tidak ada blok table of contents.
2. bekerja di semua halaman yang memiliki heading tanpa perlu diatur per halaman.
3. floating-toc menampilkan seluruh teks tag heading, tetapi plugin ini hanya menampilkan 4~6 karakter saat hover pada indikator agar tidak mengganggu area konten. (kekurangan)

[guseod24]

• Sekarang popover Notion juga telah direproduksi dengan persis sama!