AnkiWeb addon 1786114227
Fork of Markdown and KaTeX Support
2 other versions of this addon exist. Compare versions ↓
Provides archived basic and cloze note types with Markdown, KaTeX math, code-block cloze support, colored clozes, dark mode, and customizable CSS styling.
Open on AnkiWeb GitHub Find alternatives
stale
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.0 | 2.1.66+ | 2025-06-07 |
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 |
|---|---|---|---|---|---|---|---|
| Markdown and KaTeX Support original | likely | active | 18 Oct 2026 | 👍 84 · 👎 4 | 89% | 86 | |
| ↳ Markdown Support | Tables, Code Highlighting, Math, Darkmode this addon | likely | stale | 4 Jul 2025 | 👍 19 · 👎 4 | 63% | 24 | obsolete |
| ↳ Markdown and KaTeX Support (Preview Fix) (AI-detected; may be wrong) | likely | active | 8 May 2026 | 👍 0 · 👎 0 | – | – |
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.
Adds Basic and Cloze note types supporting Markdown and fast KaTeX math, with cross-device online rendering, code highlighting, chemistry formulas, text marking, and a desktop live preview.
Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.
Write flashcards in Markdown with syntax-highlighted code, media pasting, multiple card types, and consistent rendering across desktop, AnkiDroid, AnkiMobile, and AnkiWeb.
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.
Enables adding and editing Anki notes in extended CommonMark Markdown within fields or a separate window, using a CodeMirror editor with HTML conversion and configurable syntax extensions.
Adds a CodeMirror code editor to Anki flashcards with syntax highlighting, themes, live preview, double-click editing, configurable languages and note types, and mobile and cloze-card support.
This plugin will add two new card types : "KaTeX and Markdown Basic (Color)", "KaTeX and Markdown Cloze (Color)". That will give good support for basic and cloze cards that contain markdown including math and code. It provides several improvement / features compared to the original. Among other things, support of: colored clozes, clozes in code, darkmode suport, custom user styling, ...
It's possible to customize the note style by editing "user_style.css" inside the media folder. To find out where your media folder is, please refer to the Anki documentation.
If a value has already been set inside the default "style.css", you can overwrite it by using the !important flag.
If you want to remove a value, you can also use the unset keyword.
/* user_style.css example */
.nightMode, .night-mode, .night_mode {
background-color: #1e1e2e !important; /* overwrite value */
}
.nightMode code {
filter: unset !important; /* remove value */
}
/* !important is not necessary here since ".field" is not set in "style.css" */
.field {
display: inline-block;
text-align: left;
}
The markdown preview will automatically follow all user style modifications.
This add-on is archived and no longer maintained. Please switch to the new, modern, and actively maintained version: Better Anki Markdown
Adding support and improvements of how cards are displayed. Allowing for clozes inside code blocks. Better night mode support & readability. Coloring of the cloze elements.
Creates a new Basic and a new Cloze Note Type that support Markdown and KaTeX: Markdown and KaTeX Basic (Color) and Markdown and KaTeX Cloze (Color).
The following can be used to create a sample cloze card.
# A Dummy Card
## Subtitle
### Math
- {{c1::$\pi=3.1415...$::$\pi=...$}}
### Escaping dollar
$$1\$ < 1€ $$ after
### Escaped c++ code :
```cpp
#include <stdio.h>
{{c2::boost\:\:add_vertex::how to add vertex in boost}}(...);
```
### Python
```py
def print_hello():
print("{{c2::hello}}")
```
$...$ for inline math or $$...$$ for displaystyle math, a list of supported functions can be found here[ ... ] and (...)\$ and \:It's possible to customize the note style by editing "_user_style.css" inside the media folder. To find out where your media folder is, please refer to the Anki documentation.
If a value has already been set inside the default "_style.css", you can overwrite it by using the !important flag.
If you want to remove a value, you can also use the unset keyword.
/* _user_style.css example */
.nightMode, .night-mode, .night_mode {
background-color: #1e1e2e !important; /* overwrite value */
}
.nightMode code {
filter: unset !important; /* remove value */
}
/* !important is not necessary here since ".field" is not set in "_style.css" */
.field {
display: inline-block;
text-align: left;
}
The markdown preview will automatically follow all user style modifications.
to see how to install this addon for ankiFork of : https://github.com/Jwrede/Anki-KaTeX-Markdown.