Content TOC

Turn any long field into a navigable document: a server-side table of contents with heading anchors, reading time, scroll-spy and schema.org markup. No JavaScript required to render.

Content TOC turns any block of HTML — a body field, an article, a guide — into a navigable document. It injects stable heading anchors and builds a linked table of contents entirely server-side, so it works for SEO and without JavaScript. It started life on game-walkthrough bodies but works on any field or content.

What it does

• Table of contents — flat or nested (h2 › h3), built from any field.
• Stable heading anchors — slugged, de-duplicated ids injected into your headings (existing ids are respected).
• Reading time — estimated from the word count, with a configurable words-per-minute and format.
• Scroll-spy — highlights the section you’re reading and keeps it in view when the TOC sits in a scroll box.
• Back-to-top links — optional, after each section.
• schema.org ItemList — structured data for the chapter list.

Configurable, with a real control panel

Every behaviour has a per-site default in the CP — heading levels, nested vs flat, numbering, scroll-spy, reading-time speed, back-to-top — and each is overridable per call with a tag parameter of the same name. The Overview page explains what it produces and where it’s used; full documentation is built in.

Usage

{exp:content_toc:process}{your_body_field}{/exp:content_toc:process}

{exp:content_toc:reading_time}
{exp:content_toc:has_toc}<h4>Contents</h4>{exp:content_toc:toc}{/exp:content_toc:has_toc}

<article>{exp:content_toc:body}</article>

Dependency-free, MSM-aware, MIT licensed. Works on ExpressionEngine 6 and 7.