Browser search result highlighter – Tô màu kết quả tìm kiếm trong Browser Anki - Addon Anki Code 1057317630

🔍 Addon này giải quyết vấn đề gì?

Trong thực tế dùng Anki, đặc biệt với deck lớn nhiều field và nhiều tag, bạn sẽ thường xuyên gặp các tình huống:

Tìm kiếm trong Browser cho ra quá nhiều kết quả, nhưng:
- Không biết chính xác đoạn nào trong field đang match.
- Khó hiểu vì sao thẻ này lại xuất hiện trong kết quả.
Câu search hơi phức tạp (regex, tag, front:, nc:…), bạn:
- Không chắc phần nào đang được match,
- Phải đọc thủ công từng field rất mệt mắt.

Browser search result highlighter giải quyết đúng chỗ này:

Tô màu mọi đoạn text match trong từng field,
Hiển thị vị trí match trên thanh cuộn (minimap),
Hỗ trợ đầy đủ cú pháp tìm kiếm nâng cao của Anki (kể cả regex, tag, nc:),
Giúp bạn nhìn một phát là hiểu: “À, vì chỗ này mà thẻ này xuất hiện trong kết quả.”

Rất hữu ích khi:

Dọn dẹp deck cũ, tìm trùng lặp, sửa field,
Chuẩn bị thẻ kiểu 6-card / cloze nâng cao, cần kiểm tra “đụng nghĩa”,
Debug những câu search phức tạp.

✨ Tính năng nổi bật

1. Tô màu tất cả kết quả tìm kiếm trong Browser

Khi bạn gõ một câu search trong Browser:
- Addon sẽ highlight tất cả đoạn match ngay trong field.
- Hỗ trợ nhiều kiểu search:
  - Theo field: front:dog
  - Theo từ: w:dog
  - Regex: re:\d{3}
  - Tag: tag:animal
  - Kết hợp nhiều điều kiện:
    tag:re:ani[me|mal] back:under_* fourth:re:\d{2} w:doggy

Bạn không cần đoán Anki đang match ở đâu – mọi đoạn liên quan đều được đánh dấu rõ ràng.

2. Auto-scroll tới match đầu tiên (bật/tắt được)

Tuỳ chọn Auto-Scroll:
- Khi mở note, addon tự cuộn tới match đầu tiên,
- Giúp bạn không phải kéo chuột tìm từng dòng.
Có thể bật/tắt nhanh tuỳ lúc:
- Lúc debug search thì bật,
- Lúc chỉ xem nội dung thì tắt để đỡ “giật” màn hình.

3. “Minimap” trên thanh cuộn – xem nhanh vị trí match

Addon vẽ các dấu chỉ thị nhỏ trên thanh scrollbar:
- Mỗi vạch tương ứng với một lượng match,
- Bạn nhìn là biết các match đang tập trung ở đoạn nào của note.
Có thể cấu hình bật/tắt trong Settings.

4. Highlight cả trong “Code view” của field

Khi bạn mở code view (HTML) của field:
- Phần match trong code view cũng được highlight,
  và được tính chung 1 match với phần hiển thị chính.
Hữu ích khi:
- Match nằm trong tên file ảnh, HTML, hay nội dung “ẩn”,
- Bạn muốn hiểu chính xác Anki đang search chỗ nào.

5. Báo hiệu “match đang ẩn trong code”

Nếu phần match nằm trong code nhưng không hiện ra ở field chính (ví dụ: trong filename ảnh):
- Nút code sẽ được highlight,
- Bạn click vào là thấy ngay match bên trong.

Điều này giúp tránh trường hợp: “Tại sao search ra thẻ này mà nhìn field chẳng thấy chữ gì khớp?”

6. Tuỳ chọn ẩn highlight khi đang sửa field

Khi bạn focus vào một field để sửa:
- Addon có thể tạm ẩn highlight trong field đó (có cấu hình),
- Giúp bạn chỉnh sửa text/color của riêng mình mà không bị highlighter làm rối.

7. Hỗ trợ match chồng (overlapping matches)

Nếu có hai câu search “đè” lên nhau (ví dụ: match car và art trong “cart”):
- Phần overlap được tô một màu đặc biệt,
- Giúp bạn hiểu rõ đang có nhiều mẫu trùng trên cùng đoạn text.

8. Hỗ trợ đầy đủ cú pháp tìm kiếm nâng cao của Anki

Addon được thiết kế để theo sát manual của Anki:

Hỗ trợ:
- front:, back:, tag:,
- Regex re:,
- nc: (no case) với một số hạn chế (nhất là với chữ có dấu/diacritics),
- Những tổ hợp phức tạp với wildcard, tag, field name, v.v.
Nhiều release gần đây tập trung:
- Tối ưu hiệu năng (nhanh hơn ~90% so với bản trước),
- Sửa lỗi với HTML escape (<, >, &),
- Xử lý tốt hơn các wildcard phức tạp và tên file có khoảng trắng.

Addon có Settings menu riêng cho bạn:

Đổi màu highlight,
Chọn vị trí & style của UI,
Bật/tắt:
- Auto-scroll,
- Scrollbar indicators,
- Hành vi khi field được focus,
Lưu sẵn bộ màu (color presets) để tái sử dụng.

Giao diện cũng được tối ưu để:

Tự đóng khi click ra ngoài,
Tắt select text trong menu (đỡ vướng tay khi bấm).

10. Tối ưu hiệu năng cho note lớn & máy chậm

Các bản cập nhật mới tập trung mạnh vào:
- Tối ưu parser nội bộ,
- Giảm lag khi làm việc với note rất lớn,
- Tránh crash trên máy cấu hình yếu.

Kết quả: bạn có thể dùng highlight nâng cao mà Browser vẫn mượt.

📥 Cách cài đặt

Mở Anki Desktop.
Vào Tools → Add-ons → Get Add-ons…
Dán code: 1057317630
Bấm OK để tải addon từ AnkiWeb.
Khởi động lại Anki để addon hoạt động.

Gợi ý: Nên dùng bản Anki tương đối mới (25.x hoặc 2.1.5x+) để tận dụng tối đa hiệu năng & fix bug từ các bản 3.x của addon.

🚀 Cách sử dụng trong Browser

Mở Browser trong Anki.
Gõ câu search như bình thường (theo cú pháp Anki).
Chọn một kết quả trong danh sách.
Quan sát:
- Mọi đoạn match trong field được tô sáng,
- Thanh cuộn hiển thị các dấu chỉ thị cho từng match,
- Nếu cần, bật/tắt auto-scroll hoặc đổi màu trong Settings.

Khi cần chỉnh sửa nội dung:

Click vào field → nếu đã bật tuỳ chọn “hide when focused”,
- Highlighter sẽ ẩn bớt để bạn gõ text thoải mái,
- Rời field, highlight xuất hiện lại.

⚠️ Một số case đặc biệt cần lưu ý

nc: và chữ có dấu / diacritics:
- Addon có hỗ trợ cơ bản,
- Nhưng một số ngôn ngữ (ví dụ Arabic) có thể bị lệch start/end do độ dài ký tự thay đổi khi chuẩn hoá.
HTML escape (<, >, &):
- Anki hiển thị ký tự thật trong field chính nhưng giữ escape code trong code view,
- Editor “smart” chia nhỏ chúng thành từng node HTML, nên không thể highlight chính xác trong code view, chỉ highlight được bản hiển thị.
Trường hợp “match-all” (kiểu search rồi highlight cả field):
- Tác giả đã cố tránh các case “hiển nhiên” như *,
- Nhưng vẫn có thể có một số pattern “tìm mọi thứ” gây highlight toàn bộ nội dung.
Search bằng toàn dấu gạch dưới (___):
- Anki bản thân đã hơi “bối rối” với pattern này,
- Addon cũng vậy – nên coi là undefined behavior, nên tránh.

📈 Changelog (tóm tắt)

Các bản cập nhật gần đây (3.x) tập trung vào:

3.3.1 – 11/05/2025
- Sửa lỗi menu không hoạt động trên Anki 25.02.4.
3.3 – 26/03/2025
- Xem addon là feature-complete, các bản sau chủ yếu bugfix.
- Sửa crash với note lớn / máy chậm.
- Trả lại menu custom màu sắc, thêm preset màu.
- Settings menu đóng khi click ra ngoài, nhiều tinh chỉnh UI.
3.2.1 – 23/03/2025
- Sửa lỗi không highlight trên Windows,
- Tạm gỡ custom colors ở những môi trường chưa tương thích.
3.2 – 20/03/2025
- Thêm Settings menu đầy đủ,
- Cho phép:
  - Chọn màu highlight,
  - Đặt vị trí UI,
  - Bật/tắt auto-scroll, minimap, v.v.
- Sửa nhiều bug về tag search, auto-scroll, js error, v.v.
3.1 – 07/03/2025
- Hỗ trợ match chồng (overlapping) với màu riêng,
- Sửa false-positive với <br> ảo ở cuối code,
- Cải thiện xử lý filename có khoảng trắng, regex phức tạp.
3.0 – 27/02/2025
- Tăng tốc nội bộ ~90%,
- Nâng cấp parser:
  - Hỗ trợ tốt hơn regex, wildcard, nc:,
  - Ít lỗi hơn với các pattern “quái dị”.

Các bản 2.x trước đó lần lượt thêm:

Hỗ trợ tag,
Thêm minimap trên scrollbar,
Thêm auto-scroll ổn định hơn,
Thêm highlight trong code view và tối ưu màu sắc theo light/dark mode.

📸 Screenshots

🌐 Liên kết hỗ trợ

Báo lỗi / góp ý / request:
https://github.com/hssm/quick-search-and-highlight/issues
Mã nguồn Browser search result highlighter:
https://github.com/hssm/browser-search-result-highlighter

💬 Đánh giá từ cộng đồng (tóm tắt)

“Đúng chính xác thứ mình cần, tiết kiệm rất nhiều thời gian.”
“Addon chất lượng-of-life, update gần đây và hoạt động trơn tru.”
“Giúp xem nhanh tại sao thẻ lại match câu search, cực kỳ hữu ích khi chuẩn bị các bộ thẻ phức tạp.”

Browser search result highlighter – Tô màu kết quả tìm kiếm trong Browser Anki

Cách tải addon Browser search result highlighter – Tô màu kết quả tìm kiếm trong Browser Anki

Mô tả chi tiết