AnkiWeb addon 1339779080
Dynamically syntax-highlights code in Anki card fields using Pygments filters, supporting specified, guessed, or field-based languages and triple-backtick snippets.
Open on AnkiWeb GitHub Find alternatives
abandoned
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.45 | 2.1.66+ | 2023-10-08 |
Loading…
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 CSS-based syntax highlighting for code in Anki cards, including night mode, with batch template configuration.
Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.
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 syntax highlighting to code snippets using Pygments, with day/night-compatible colors for block and inline code, working in both desktop Anki and AnkiDroid.
Adds syntax highlighting to code snippets and blocks in card fields using Pygments, with day/night color schemes working on desktop and AnkiDroid.
This add-on mainly adds syntax highlighting for code via a custom filter which you put in your card templates.
This uses the Pygments library like glutanimate's Syntax Highlighting for Code add-on. The main difference is that this add-on highlights code dynamically when it's shown in the reviewing screen, and doesn't modify the notes themselves. This has the disadvantage that syntax highlighting will not work without the add-on (i.e. it won't work on mobile platforms), but might make it easier to dynamically modify some highlighting parameters.
How to use
Put the add-on's filter in your card template like this:
{{highlight lang=python:Front}}
The lang option specifies the programming language. See Pygments documentation for a list of all supported languages.
You can alternatively omit the option to make the add-on try to guess the language from the field text using Pygments' guess_lexer function.
You can also dynamically specify the language for each note by prefixing the value of the lang option with #:
{{highlight lang=#lang_field:Front}}
Here the value of the option (lang_field) is interpreted as a field name where the language identifier is stored in your notes.
You can also use the following filter to list all supported languages:
{{highlight-list-lexers:}}
There is also a more flexible option for highlighting code snippets in fields without having to modify your templates. Enclose code snippets in the triple backticks like this:
print('hello world!')
You can also omit the language here.
Changelog
See CHANGELOG.md for a list of changes.
Support & feature requests
Please post any questions, bug reports, or feature requests in the support page or the issue tracker. If you want priority support for your feature/help request, I'm available for hire. You can get in touch from the aforementioned pages, via email or on Fiverr.
Support me
Consider supporting me if you like my work:
I'm also available for freelance add-on development on Fiverr:
An Anki add-on that mainly adds syntax highlighting for code via a custom filter which you put in your card templates.
This uses the Pygments library like glutanimate's Syntax Highlighting for Code add-on. The main difference is that this add-on highlights code dynamically when it's shown in the reviewing screen, and doesn't modify the notes themselves. This has the disadvantage that syntax highlighting will not work without the add-on (i.e. it won't work on mobile platforms), but might make it easier to dynamically modify some highlighting parameters.
Put the add-on's filter in your card template like this:
{{highlight lang=python:Front}}
The lang option specifies the programming language. See Pygments documentation for a list of all supported languages.
You can alternatively omit the option to make the add-on try to guess the language from the field text using Pygments' guess_lexer function.
You can also dynamically specify the language for each note by prefixing the value of the lang option with #:
{{highlight lang=#lang_field:Front}}
Here the value of the option (lang_field) is interpreted as a field name where the language identifier is stored in your notes.
You can also use the following filter to list all supported languages:
{{highlight-list-lexers:}}
There is also a more flexible option for highlighting code snippets in fields without having to modify your templates. Enclose code snippets in the triple backticks like this:
```python
print('hello world!')
```
You can also omit the language here.
You can download the add-on from AnkiWeb: 1339779080
See CHANGELOG.md for a list of changes.
Please post any questions, bug reports, or feature requests in the support page or the issue tracker.
If you want priority support for your feature/help request, I'm available for hire. You can get in touch from the aforementioned pages, via email or on Fiverr.
Consider supporting me if you like my work:
I'm also available for freelance add-on development on Fiverr: