AnkiWeb addon 1100811177
Fork of Syntax Highlighting for Code (AI-detected; may be wrong)
3 other versions of this addon exist. Compare versions β
Provides CSS-based syntax highlighting for code in Anki cards, including night mode, with batch template configuration.
Open on AnkiWeb Forum topic Find alternatives
abandoned
No GitHub repository linked.
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.22 | 2.1.55+ | 2023-03-19 |
Loadingβ¦
The original addon and its forks. The best value in each column is in bold.
| Version | Works on Anki 26.09.3 | Maintenance | Last activity | Votes | Approval | GitHub stars | Notes |
|---|---|---|---|---|---|---|---|
| Syntax Highlighting for Code original | unknown | abandoned | 23 Jan 2024 | π 208 Β· π 49 | 76% | 121 | |
| β³ Syntax Highlighting (NG) (AI-detected; may be wrong) | likely | abandoned | 19 Jul 2024 | π 41 Β· π 3 | 82% | 34 | |
| β³ β‘οΈSyntax Highlighter - Quick highlight Code for Editor (Customized by ShigeΰΆ) (AI-detected; may be wrong) | likely | active | 29 May 2026 | π 30 Β· π 0 | 89% | 12 | |
| β³ syntax highlighting FORK (css only, night-mode) this addon (AI-detected; may be wrong) | likely | abandoned | 19 Mar 2023 | π 6 Β· π 2 | 41% | β | obsolete |
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.
Inserts syntax-highlighted code snippets into Anki notes, letting users choose the programming language via toolbar button or hotkey, with configurable line numbers, centering, and CSS styling.
Adds one-click syntax highlighting to selected or pasted code in Anki's editor, with line numbers, customizable themes, CSS or inline highlighting, and hotkeys.
Provides archived basic and cloze note types with Markdown, KaTeX math, code-block cloze support, colored clozes, dark mode, and customizable CSS styling.
Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.
Renders Markdown flashcards with Shiki-powered syntax highlighting across 300+ languages and 60+ themes, advanced code annotations, MathJax math, light/dark styling, and AnkiConnect-based AI agent support.
Provides a CodeMirror-based HTML/CSS source editor for note fields and card templates, with syntax highlighting, search and replace, external editor support, and saved version comparison.
# SETUP NEEDED
The styling section of the card template (for each note type) must start with the line @import url("_styles_for_syntax_highlighting.css");. In my add-on config you can batch update all your note types with a few clicks.
If you use Anki 2.1.50-2.1.54 you must also install the add-on CSS Injector. Then you must modify it by adding one line into one file of this add-on. If css injector gets updates you'd have to repeat this. But "CSS Injector" shouldn't get too many updates since Anki 2.1.55 now makes it easy to load css into the editor. Open the file "181103283/web/injector.js" in an editor. Then below the line 105 which is
injectStylesheet(root, editable, `/_addons/${addonPackage}/user_files/field.css`);
insert the new line
injectStylesheet(root, editable, `/_addons/${addonPackage}/user_files/field_syntax_highlighting.css`);
Then restart Anki.
# bugs etc.
Make sure to check if the styling section of your card template starts with the line '@import url("_styles_for_syntax_highlighting.css");'. Then check if you have the file "_styles_for_syntax_highlighting.css" in your media folder and if it contains the css styles you want.
If you find a bug let me know on github or in the anki forum (click the "contact author" button in the upper right).
# Versions
- 2023-03-19 user info about editor css workaround for 2.1.55+
- 2022-10-17 fix theme change sync, add warning about conflicts of day and night theme, change default themes.
- 2022-10-01 re-upload, fix for 2.1.50-2.1.54 and 2.1.55 Beta1, different styles for day and night mode, simplify settings, misc
- 2022-01-24 fix for pyqt6 font selection, modified pygments import
- 2022-01-20 support for anki 2.1.50, after the commits from 2022-01-08 (and before those from 2022-01-24). the beta1 and beta2 from 2021-12 are not supported. Thanks @kleinerpirat: I reused code from his CSS Injector add-on, https://ankiweb.net/shared/info/181103283.
- 2021-12-11 updated bundled pygments to 2.10 one version for all anki versions, misc
- 2021-03-15 fix for 2.1.41+, bundle pygments 2.8.1, removed all code related to inline styling and separate classes for each theme.
- 2020-11-03 "pre" has inline style "text-align: left;" and custom class, individual class for each theme, use less bs4,
- 2020-09-13 pygments 2.7.0, add button in settings to view/edit css file (location), add dialog to update all templates (instead of having to select each one).
- 2020-05-13 try to fix #2 (display chosen font when using classes)
- 2020-05-05 fix #1 (some code isn't inserted)
- 2020-04-27 small improvements for the filter dialog: remember size, etc.
- 2020-03-24 pygments 2.6.1, night-mode fix in settings, reset font option in settings, remove leading spaces if possible (code by hakakou),
- 2020-01-03 handle non-existent lang names
- 2019-12-28 Pygments 2.5.2, fix for "sometimes no text was pasted"
- 2019-11-19 multiple fixes, improve inline code function, postprocess with bs4
- 2019-10-18 initial release
# Credits and License
see the file __init__.py of this add-on.
the code to insert/wrap in "pre" or "code" tags is reused from the add-on Mini Format Pack Supplementary.