TextformatterAutoAnchor by martinmuzatko

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

TextformatterAutoAnchor

ProcessWire Module: Automatically add anchors and IDs to Headings

What is it doing?


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

Preview

Before Before After Before

Configurable Variables


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.

What are the Alternatives?


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

Known issues


  • 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.

Latest news

  • ProcessWire Weekly #559
    The 559th issue of ProcessWire Weekly brings in all the latest news from the ProcessWire community. Modules, sites, and more. Read on!
    Weekly.pw / 25 January 2025
  • ProcessWire 3.0.244 new main/master version
    ProcessWire 3.0.244 is our newest main/master/stable version. It's been more than a year in the making and is packed with tons of new features, issue fixes, optimizations and more. This post covers all the details.
    Blog / 18 January 2025
  • Subscribe to weekly ProcessWire news

“ProcessWire is like a breath of fresh air. So powerful yet simple to build with and customise, and web editors love it too.” —Margaret Chatwin, Web developer