Volodymyr Lavrynovych vlavrynovych
🥷
vlavrynovych
/ ghost-toc-v2.1.html
Last active
January 11, 2025 22:34
Script for the Ghost blog which builds a Table of Contents. Provided code should be added to the footer using Ghost code injection. And then in article you only need to add html with <toc title="Table of Contents"></toc> tag
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| class TOC { | |
| constructor() { | |
| document.addEventListener('DOMContentLoaded', () => this.onLoad()); | |
| } | |
| onLoad() { | |
| this.article = document.querySelector('article'); | |
| const toc = this.article.querySelector('toc'); | |
| if (!toc) return; |
vlavrynovych
/ ghost-toc.html
Last active
May 12, 2024 20:11
Script for the Ghost blog which builds a Table of Contents where it is placed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- <toc> element is used to inject a TOC to it --> | |
| <toc></toc> | |
| <style> | |
| toc #toc-container { width: 100%; } | |
| toc .toc-empty-item { display: block } | |
| toc .toc-caption { text-align: center; margin-bottom: 15px } | |
| </style> | |
| <script> | |
| class TOC { | |
| caption = { |