Anki Tooltips

AnkiWeb addon 1840818335

1 other version of this addon exists. Compare versions ↓

Adds editable Tippy.js tooltips to flashcards via Ctrl+T, wrapping selected text or inserting a bubble at the caret, and requires enabling tooltip script/CSS per notetype for review.
AI-generated summary; may contain mistakes.

formattingshortcutscard-templates

Open on AnkiWeb GitHub Forum topic Find alternatives

AnkiWeb

Votes
22 (👍 17 · 👎 5)
Updated
2023-02-20
Anki versions
2.1.58~
License
AGPL-3.0 (from the GitHub repository)
Virus scan
No ClamAV match A match does not prove malware. No match does not prove that the code is safe.
Languages
JavaScript, Python, CSS
Description language
en

Maintenance

abandoned

  • Last update or commit: 2023-02-20 (1350 days before the snapshot).
  • Commits in the last year: 0.
  • Issues: 5 open, 3 closed.
  • Pull requests: 0 open, 1 merged.
  • Median first response: 7 hours (3 answered issues and pull requests).
  • Forks that may still be maintained: "💬Anki Tooltip - Quick add Tooltip in the Editor (Fixed by Shigeඞ)" (1217436829).

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
2.1.412.1.492021-12-22
2.1.502.1.58+2023-02-20
History across monthly snapshots

Loading…

Compare versions

The original addon and its forks. The best value in each column is in bold.

VersionWorks on Anki 26.09.3MaintenanceLast activity VotesApprovalGitHub starsNotes
Anki Tooltips this addon original likely abandoned 20 Feb 2023 👍 17 · 👎 5 57% 11
↳ 💬Anki Tooltip - Quick add Tooltip in the Editor (Fixed by Shigeඞ) (AI-detected; may be wrong) likely stale 5 Nov 2025 👍 9 · 👎 1 60% 12

Forks can add features or work in a different way. Read the description before you change to another version. Fork detection is incomplete, so other versions can exist.

Similar addons

Quizify Tool

Renders Markdown in Anki cards as interactive question types—fill-in-the-blank, multiple choice, reveal, annotations, collapsible/tabbed blocks, recitation, audio, code and math—with editor tools and bulk Markdown import.

review-flowformattingcard-templatesclozequizmobile-compatible

2 votes 34% approval 👍 2 · 👎 0 ⭐ 171 Anki 2.1.1~ Updated 2025-02-16
Wrapper meta-addon

Adds configurable editor buttons and keyboard shortcuts for wrapping/unwrapping text, navigating cloze deletions, inserting custom HTML, styling citations and mnemonics, and shuffling images or lists.

formattingshortcutscard-templatescloze

21 votes 55% approval 👍 16 · 👎 5 ⭐ 9 Anki 24.06.2~ Updated 2026-09-14
Insert HTML wrapper for your style

Wraps selected text in customizable HTML tags using a button or hotkeys, letting users style important words per note type through CSS.

formattingshortcuts

3 votes 44% approval 👍 3 · 👎 0 ⭐ 1 Anki 25.09.2~ Updated 2026-02-16

Description

Add tooltips to your flashcards with Tippy.js View project on GitHub Shortcut : Ctrl+T (modifiable)
  • Selected text gets wrapped with a tooltip, which you can edit right away.
  • If no text is selected, a clickable bubble (💬) is inserted at the caret position.
Editing
  • Click on a tooltip anchor to open the tooltip editor.
  • Edit the content to your heart's content.
  • To accept, hit Alt+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 activate the Tooltip script and CSS for your notetype via Manage Notetypes > Tooltips... --------------------------------- Made by @kleinerpirat

README

Anki Tooltips

Add tooltips to your Anki cards with Tippy.js

Get on AnkiWeb | Support


⚠️ For bug reports and feature requests, please use the Anki Forum thread.



A Reference for Add-on Developers

This repository was made public to serve as a reference for Anki add-on development. When I stumble upon a problem, I usually first try to think of some quality add-ons that solve similar issues and then read through their source code. Anki Tooltips aims to be that add-on for you.

I made sure to touch as many areas of interest as reasonably achievable without compromising the add-on's original purpose. The code is typed and documented at a novice level.

Anki Tooltips deals with:

  • Anki's JavaScript API
  • Custom and native Svelte components
  • JS and CSS insertion into editor and reviewer
  • Profile- and notetype-specific settings via GUI
  • Programmatic card template edits
  • HTML-filtering with BeautifulSoup 4

... and much more.


If you're planning a bigger project, it is worth taking a look at the structure of the repository and its build scripts, which are based on New Format Pack.

🛈 Major credit goes to Henrik Giesel (hgiesel), whose add-ons have been my gold standard for development questions ever since I got involved with this community. Henrik's generosity to provide insights into his work inspired me to publish this project - to honor his contributions to the Anki ecosystem and make them accessible to a wider audience.


Building

Navigate to tools/ and make the bash scripts executable.

For development builds use:

tools/dev.sh

Console logs are preserved in this mode and code is not minified. To see the effect of ts/ changes, just reopen the webview. Changes to python/ require a fresh build.

Symlink the output folder dist/ to Anki2/addons21/ to test the add-on in Anki.



Important Note

This is not a project template. It is not recommended to clone the repository and morph it to fit your needs. The project is quite complex and you would have to comply with multiple conditions of the GNU AGPL v3 license, such as disclosing your own source files and keeping copyright headers. If you want to start with ready-to-compile project template, head over to New Format Pack (licensed under MIT) and click "Use this template".


What is it, then?

This repository is a reference to look up answers to specific questions you might run into during add-on development, such as:

  • "How can I use Svelte components for my Anki add-on?"
  • "How to use the Editor API to avoid fiddling around with the DOM, which keeps changing with every new Anki version?"
  • "How can I force Anki to sync a file from collection.media to AnkiWeb after I applied changes to it?"
  • "What is the current best practice to insert CSS into editor fields?"

🛈 If you want to let me in on a more idiomatic way for something I declared "best practice", or wish to discuss some other development-focused topic, feel free to open an issue or PR here.