AnkiWeb addon 1844938046
Converts backticks in the Anki editor into HTML code tags for inline code and code blocks, supporting language classes for syntax highlighting.
Open on AnkiWeb GitHub Find alternatives
abandoned
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.0 | 2.1.65+ | 2023-10-20 |
Loading…
Converts Markdown notes to HTML automatically after editing, with an optional manual conversion button and configurable Markdown extensions such as fenced code blocks.
Converts content wrapped in <amd> tags from Markdown to HTML during review, in the editor, or in batch, with optional preview and shortcuts.
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 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.
Converts Typst math code into MathML or SVG for Anki flashcards, offering inline and block editors plus a replace function for $...$ equations.
Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.
Convert backticks to HTML <code> tags in the Anki editor.
This makes the Anki editor parse backticks as Markdown.
`x == 2`) will be converted like so <code>x == 2</code>.```x == 2```) will be converted like so <pre><code>x == 2</pre></code>.Append a newline-delimited, alphanumeric string to a triple backtick to add a class.
\```php
echo "hi";
\```
(Note the newline after php!) This will be converted to:
<pre><code class="language-php">echo "hi";</code></pre>
Also works with <br> instead of "raw" newline, since the Anki editor automatically inserts <br>
\```php<br>
echo "hi";
\```
Many popular JS-based syntax highlighters (highlight.js, prismjs) can automatically detect what language you're using, but sometimes you have to be explicit and specify the language yourself.
FWIW, to install a syntax highlighter:
collection.media directory (for example, highlight.min.js)_ (for example, highlight.min.js -> _highlight.min.js)
_ (e.g., _github-dark.min.css)<link rel="stylesheet" href="_github-dark.min.css">
<script src="_highlight.min.js"></script>
<script>hljs.highlightAll();</script>