AnkiWeb addon 1721577833
Aligns rendered LaTeX images to the equation baseline using preview.sty’s depth information, with optional PNG support requiring a dvipng --depth adjustment.
Open on AnkiWeb GitHub Find alternatives
stale
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.1 | + | 2025-06-02 |
Loading…
Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.
Converts standard LaTeX delimiters into Anki's native MathJax format via an editor toolbar button or bulk conversion of all or selected notes.
Displays all cards from the selected deck in a customizable, paginated grid with hover/click flipping, flip-all mode, and LaTeX rendering, though images, audio, and other media are unsupported.
Converts mathematical formulae copied from Wikipedia or MathJax-enabled websites into standard Anki equation boxes containing the corresponding LaTeX, requiring manual installation of the lxml Python library.
Converts dollar MathJax delimiters to \(...\) and \[...\] forms in the Editor, selected Browser notes in bulk, and the current review note, preserving formatting and skipping rendered equations.
Imports LaTeX files into Anki as flashcard notes, supporting tags and HTML, though it is no longer maintained.
By default, Anki renders LaTeX and includes the final images as-is.
However, the bounding box of the resulting image might not necessarily coincide with the actual baseline of the equation.
Using the widely available preview.sty, one can access the depth -- the offset from the baseline -- of the generated image and correct for that.
The Anki manual sports a picture of the default PNG rendering:
I've generally found it to be a bit better with SVGs + some CSS that just vertically centres the pictures:
This add-on gives a further improvement upon that:
In comparison with 1337660446, this add-on was written from scratch and tested with Anki 2.1+.
To use the add-on, you will need to include preview.sty in your LaTeX preamble:
% Header
\documentclass{article}
\usepackage[active,tightpage]{preview} % XXX
\usepackage{xcolor}
\begin{document}
\setlength{\parindent}{0in}
\setlength{\abovedisplayskip}{0pt} % XXX better bounding boxes
\begin{preview} % XXX
% Footer
\end{preview} % XXX
\end{document}
If you use PNG output and not SVG output (which I would however advise against)
then you will need to further adjust the LaTeX build process to include a --depth argument in the call to dvipng.
For that, I suggest using 937148547.
[!Tip] This is available as add-on 1721577833
By default, Anki renders LaTeX and includes the final images as-is.
However, the bounding box of the resulting image might not necessarily coincide with the actual baseline of the equation.
Using the widely available preview.sty, one can access the depth -- the offset from the baseline -- of the generated image and correct for that.
The Anki manual sports a picture of the default PNG rendering:
I've generally found it to be a bit better with SVGs + some CSS that just vertically centres the pictures:
This add-on gives a further improvement upon that:
In comparison with 1337660446, this add-on was written from scratch and tested with Anki 2.1+.
To use the add-on, you will need to include preview.sty in your LaTeX preamble:
% Header
\documentclass{article}
\usepackage[active,tightpage]{preview} % XXX
\usepackage{xcolor}
\begin{document}
\setlength{\parindent}{0in}
\setlength{\abovedisplayskip}{0pt} % XXX better bounding boxes
\begin{preview} % XXX
% Footer
\end{preview} % XXX
\end{document}
If you use PNG output and not SVG output (which I would however advise against)
then you will need to further adjust the LaTeX build process to include a --depth argument in the call to dvipng.
For that, I suggest using 937148547.