Use footnotes for annotating content

Created on 10 October 2024, 3 months ago

Motivation

We needed a way to have annotated content which we are able to do with the tippy.js library.

The design made it so we needed a slide out panel (modal) to display the annotated content and the tooltip content in the modal.

The footnotes module got us 90% to our solution.

Proposed resolution

Create an option to use footnotes as annotated text instead of as footnotes.

Codepen showing different colored annotated text with a tooltip.

Remaining tasks

  • Change the 'footnotes value' field from '#type' => 'textfield' to '#type' => 'text_format'
  • Optional: Add a field to allow users to add style options. Either integrated with the CKEditor Styles button or add a field with class values to control the link or highlight style.

User interface changes

✨ Feature request
Status

Active

Version

4.0

Component

Footnotes

Created by

πŸ‡ΊπŸ‡ΈUnited States kbeck303

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024