This plugin includes Tocbot on your pages. I have wrapped many of Tocbot's settings into configurable options. JQuery is not required. Tocbot has a large number of settings. For specific setting implementation, please check the Tocbot documentation at https://tscanlin.github.io/tocbot/
Add the CMS component to your page and render it with the component tag:
{% component 'toc' %}
You target a div class using the Capture div class option. You then select a div class in which the TOC will render. If you disable auto ID's, you must id your own headings.
TOC render div example. TOC renders in this element
<div class="js-toc toc-list toc-link"></div>
Capture Div Example
<div class="my-content "> <h1>Hello</h1> <h2>Hello</h2> <h3>Hello</h3> <h1>Hello</h1> <h1>Hello</h1> <h1>Hello</h1> <h1>Hello</h1> <h1>Hello</h1> <h1>Hello</h1> </div>
Link to Github Repository: https://tscanlin.github.io/tocbot/
-
This plugin has not been reviewed yet.
-
1.0.3 |
fixed style application to embedded lists Nov 02, 2019 |
---|---|
1.0.2 |
Second version Nov 02, 2019 |
1.0.1 |
First version of Toc Oct 18, 2019 |