Awesome

@rohberg/volto-slate-glossary

Volto Add-On @rohberg/volto-slate-glossary adds tooltips for glossary terms of collective.glossary

Determine where to apply tooltips in your project by match configuration:

import { Tooltips } from '@rohberg/volto-slate-glossary/components';

export default function applyConfig(config) {
    config.settings.appExtras = [
        ...config.settings.appExtras,
        {
        match: '/documentation',
        component: Tooltips,
        },
        {
        match: '/news',
        component: Tooltips,
        },
    ];

    return config;
}

By default we show a tooltip when a word matches case insensitively: when the term is "Hello" or "hello", a tooltip is shown for "Hello", "hello", "HELLO", "hElLo", etcetera.

You can configure this to be case sensitive for all terms, so "Hello" only matches for "Hello":

config.settings.glossary.caseSensitive = true;

Regardless of this setting, when you have a fully uppercase term, for example REST (Representational State Transfer), always only the exact word REST gets a tooltip, not rest or Rest.

Install Plone Add-On collective.glossary in your backend.

User can opt-out by setting glossarytooltips to false. Add a boolean member field glossarytooltips for it.

This add-on requires Volto with Slate editor. Be sure to upgrade to Volto >= 16.0.0-alpha.15.