Contact Author Sign in to rate

Tippy Tooltips

0.04MB. Updated 2022-04-11.

The author has shared 9 other item(s).

Description

Use Tippy.js to easily insert and edit tooltips from the editor.

Shortcut: Ctrl+T

Selected text becomes a clickable container for a new tooltip, which you can edit right away.
If no text is selected, a clickable speech balloon (💬) will be inserted at the caret position.

Editing

Click on a tooltip-container to open its tooltip.
Add new lines with Shift+Enter.
To accept, hit Enter or click outside the tooltip.
To delete a tooltip, hit the red cross mark or accept it when it's empty.

Please note: To see the tooltips during review, you need to add your own tooltip script to your template. Here is a sample note type. See this guide for more information. Update: You don't need to download popper and tippy into collection.media anymore. The add-on does this automatically for you. by @kleinerpirat --------------------- Changelog

10.04.22
- 1.1.4: 2.1.50 Update
  - several fixes for 2.1.50
  - auto-add vendor scripts to collection.media
  - known issue: first letter typed into input is left out
19.01.22
- 1.1.3: Minor refactoring
  - adjust to slightly different HTML structure of 2.1.50 editor
  - use event delegation
22.12.21
- 1.1.2: Bugfix release
  - Added guard to prevent elements from creating an ever-increasing number of tooltips with every click.
  - Fixed an issue on 2.1.49 and below that made the add-on incompatible with other JS add-ons.
10.12.21

1.1.1: Added "Accept" button

This should make the tooltip editor more intuitive.
The color of the outline indicates what happens when the tooltip is closed.
Refactored the code a bit.
Fixed a few minor bugs.

07.12.21

1.1.0: HTML support

You can now paste any HTML (images, links,...) inside the tooltips.

01.08.21

1.0.2: Breaking: change attribute data-tooltip to data-tippy-content, allowing easier construction in templates

Use Find & Replace to convert existing tooltips.

1.0.1: Hotfix: add quote escaping, fix scroll issue on long notes, remove console log.

Download

As add-ons are programs downloaded from the internet, they are potentially malicious. You should only download add-ons you trust.

Supported Anki versions:

2.1.41-2.1.49 (Updated 2021-12-23)
2.1.50+ (Updated 2022-04-11)

To download this add-on, please copy and paste the following code into Anki 2.1:

1840818335

If you were linked to this page from the internet, please open Anki on your computer, go to the Tools menu and then Add-ons>Browse & Install to paste in the code.

All Anki 2.1.x Add-Ons Contact Author

Reviews

on 1656500271

GREAT!!!!

How can I make bold text?

Happy is not working..

 -> &amplt;b&ampqt; ??

on 1652704069

very nice addon

on 1648039984

Excelente!

on 1643345249

Extremely valuable, should be standard.

on 1642880996

Works very well, the sample note has most of the configuration needed and makes it easier to get up and running.

on 1640551603

Looks great! However, it doesn't seem to work with 'Edit Field During Review (Cloze)' for anyone wondering - which was to be expected, I guess?

on 1633551657

Not sure where to submit bug reports:

if you remove an existing tooltip in editor (via the red x-button on the tooltip) from a word that had text formatting applied to it, the HTML tags will be inserted into the note, eg tooltip

Comment from author

Thanks for the report! There's a forum topic for official support, which you can access with "Contact Author" (top right of the page).

I'm planning to update the add-on to support HTML formatting soon. I'll probably find the cause of this bug once I got the time to work on the add-on again.

on 1628857198

Works perfectly on newer versions of anki. Incredibly useful.

on 1628489310

You know what, I'll say it, this must be my most lowkey power tool in terms of reviewing for the boards. - the board in itself is not just memorizing facts, its also analyzing the question and its structure. sometimes the questions are phrased in such a way that it's difficult to identify what they're actually asking. this tool allows practice exactly that- analyzing questions and take note of their structure during the review. kudos to the author. I hope you continue sharing your tools with us.

on 1628241496

Very nice

on 1627840917

Awesome add-on. No more need for tons of extra fields.

on 1627815589

Perfect for explaining new words in sentences or showing the names of unusual math characters (for new learners).