375

Product support

Get help in the plugin support forum.

Categories

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/

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