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 #554
    In the 554th issue of ProcessWire Weekly we'll check out the latest core updates, introduce a couple of new third party modules, and more. Read on!
    Weekly.pw / 21 December 2024
  • Custom Fields Module
    This week we look at a new ProFields module named Custom Fields. This module provides a way to rapidly build out ProcessWire fields that contain any number of subfields/properties within them.
    Blog / 30 August 2024
  • Subscribe to weekly ProcessWire news

“Yesterday I sent the client a short documentation for their ProcessWire-powered website. Today all features already used with no questions. #cmsdoneright—Marc Hinse, Web designer/developer