Highlighter Tooltip
6 sites
Security covered
This module allows users to highlight text on a webpage and generate a shareable link for that highlighted passage. It enables websites to offer a quote selection and sharing feature.
About
This module adds simple highlighter or quote selection share link functionality to a website.
Usage (not )
Connect the files ./dist/highlighter-tooltip.js and ./dist/highlighter-tooltip.css to your HTML.
The code is initialized with the following code after the DOM ready event, and attached to either the global window or drupalSettings objects.
HighlighterTooltipListener();
In Drupal, this is done for you. The code is connected to the drupalSettings object like so:
drupalSettings.highlighterTooltipListener = new HighlighterTooltipListener({ ...settings, });
Options
new HighlighterTooltipListener({ // The error message when the text fails to copy context: // OPTIONAL: Defaults to document.body // The copy to clipboard message shareMessage = // OPTIONAL: This is the default // The success message when the text is coppied successMessage = // OPTIONAL: This is the default // The error message when the text fails to copy errorMessage = // OPTIONAL: This is the default // The URL for shortening URLs urlShortener: // OPTIONAL: The URL that returns a shortened version of the URL });
Development
Run yarn to install the repository.
Run yarn dev to work on files within ./src.