Add Window In-Field Search (Ctrl+F) with Highlighting & Minimap

AnkiWeb addon 405888752

Adds a Ctrl+F find bar to Anki's Add Cards editor, with inline match highlighting, a match-position minimap, and automatic scrolling to the first result.
AI-generated summary; may contain mistakes.

card-creationsearchshortcuts

Open on AnkiWeb GitHub Find alternatives

AnkiWeb

Votes
0 (πŸ‘ 0 Β· πŸ‘Ž 0)
Updated
2025-11-28
Anki versions
25.09~
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, JSON
Description language
en

Maintenance

stale

  • Last update or commit: 2025-11-28 (338 days before the snapshot).

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
23.1025.09+2025-11-28
History across monthly snapshots

Loading…

Similar addons

BetterSearch

Adds browser search filter dialogs for tags, decks, note and card types, fields, flags, and saved searches, plus absolute-date filtering and keyboard shortcuts.

searchfiltered-decksshortcuts

61 votes 87% approval πŸ‘ 58 Β· πŸ‘Ž 3 ⭐ 12 Anki 25.09.2~ Updated 2026-03-03
Search Bar has 2 forks β†’

Adds a configurable search bar to the reviewer and editors, with shortcuts for finding next, previous, and closing the bar.

searchshortcuts

17 votes 47% approval πŸ‘ 12 Β· πŸ‘Ž 5 ⭐ 1 Anki 2.1.66~ Updated 2023-06-13
Browser search result highlighter

Highlights browser search matches within notes, including field code, tags, regex and overlapping matches, with auto-scroll, scrollbar indicators and customizable settings.

search

18 votes 82% approval πŸ‘ 18 Β· πŸ‘Ž 0 ⭐ 6 Anki 24.11~ Updated 2026-06-06
Search from Editor for Anki 2.1 has 1 fork β†’

Adds an editor toolbar button that sends the active field's full content or highlighted text to the Anki browser search, optionally without the field name when Shift is held.

search

10 votes 72% approval πŸ‘ 10 Β· πŸ‘Ž 0 Updated 2019-02-16

Description

This add-on adds a true Ctrl+F search bar to Anki’s Add Cards window, with full-text highlighting inside the editor β€” similar to modern web browsers.

It is ideal for users who create long, complex notes and want the ability to quickly locate text inside the editor while writing cards.

πŸ” Features

βœ… Ctrl+F to open a Find bar (like a browser)

Press Ctrl+F in the Add window to reveal a small search bar placed neatly beside the bottom action buttons.

  • Automatically focuses the input
  • Automatically selects text in the field
  • Press Enter to search
  • Press Esc or click βœ• to close the bar

🎨 Inline highlighting (all matches)

Search results inside the note editor are highlighted using the browser-style API CSS.highlights.

πŸ“ Match minimap on the right side

A tiny scrollbar "minimap" indicates all match positions within the note at a glance.

🧠 First-match focus

After searching, the editor scrolls directly to the first result.

πŸ›  Top highlighter panel is shown only when searching

The original highlighter panel ("0 Matches | Scroll: On | βš™") appears only when the Find bar is active, and hides itself automatically when the bar is closed.

πŸ’‘ Clean UI

  • No Prev/Next buttons (Enter re-runs search)
  • No extra space added when inactive
  • Integrates seamlessly with Anki’s dark theme

🧩 Compatibility

βœ” Fully supported on:

  • Anki 23.10 and newer
  • Anki 24.x
  • Anki 25.x

These versions use Qt6 WebEngine (Chromium β‰₯112) and support the Web Highlight API needed for modern text-highlighting.

⚠ Partial support:

  • Anki 2.1.55 – 2.1.54 (Qt5 WebEngine)

    • The search bar works
    • Highlighting/minimap do NOT work (Chromium too old)

❌ Not supported:

  • Anki 2.1.49 and older

    • No modern WebEngine
    • No CSS Highlights
    • No dynamic editor injection
    • Cannot function

πŸ™ Credits

This add-on incorporates key components from the outstanding:

Browser Search Result Highlighter

by hssm (AnkiWeb: 1057317630)

Specifically, the following files or portions of files from hssm’s work are used here or adapted:

  • editor.js
  • editor.css
  • presets.js
  • parser.py

These provide the core highlighter engine, match minimap, and text parsing logic. Full credit goes to hssm for developing the original highlighter.

All modifications in this add-on apply that engine to the Add window editor, add UI toggling, integrate with Ctrl+F, and add behavior specific to the Add Cards workflow.

πŸ“ Source Code

Available inside the add-on folder under:

addons21/add_window_find_bar/

Includes:

  • __init__.py (Python integration layer)
  • JS/CSS assets for the editor
  • Highlighter bridge code