Automatically add anchors and IDs to Headings (TextformatterAutoAnchor)

Adds an id attribute to every heading with a slug of the text. Intended for easily creating linkable sections

ProcessWire Module: Automatically add anchors and IDs to Headings

This Textformatter adds an id attribute to every heading with a slug of the text. Intended for easily creating linkable sections.

Before After

Heading Selector

Determine which headings you want to have the ID + anchor Use a regex-like range or list, e.g.: 2-6 or 346.

Anchor Class

Your css classes that are attached to the anchor link.

Anchor Content

The text for your anchor. If you prefer an icon, you could also use HTML for example.

There are existing tools like Anchorific JS but its dependency is jQuery. I love to have an alternative that is PHP only.

Anchors are placed in front of the text. This could be a future configurable setting.
The slug is also not configurable yet, currently it is lowercased and space is replaced with hyphens/dashes

Install and use modules at your own risk. Always have a site and database backup before installing new modules.

TextformatterAutoAnchor by martinmuzatko