Markdown support for code blocks and inline code

AnkiWeb addon 1844938046

Converts single and triple backticks in Anki's editor into HTML code tags, supporting language classes for blocks and syntax-highlighter integration.
AI-generated summary; may contain mistakes.

formatting

Open on AnkiWeb GitHub Ask about alternatives

AnkiWeb

Rating: 11 (👍 10 · 👎 1)
Updated: 2023-10-20
Anki versions: 2.1.65~
Description language: en

Maintenance

abandoned

Last update or commit was 1077 days before the snapshot (2023-10-20).

GitHub

Repository: dempe/anki-easy-code-tags · more by dempe
Stars: ⭐ 0
Last commit: unknown

Will it work on my Anki?

Version branches

Min Anki	Max Anki	Updated
2.1.0	2.1.65+	2023-10-20

History across monthly snapshots

Loading…

Similar addons

Simple Markdown

Converts Markdown notes to HTML after editing or via a button, with configurable extensions and code-block syntax highlighting support.

formatting

Ankleen: Fix AI Markdown and LaTeX Formatting

Cleans AI-generated Markdown and LaTeX formatting in the current Anki note, previews changes, and offers session-only undo.

formatting

Markdown input

Enables adding and editing Anki notes in extended CommonMark Markdown via editor fields or a separate window, with CodeMirror editing, extensions, and configurable conversion.

card-creation note-management formatting shortcuts appearance

Markdown Support - With Batch n Preview [Currently unmaintained]

Processes <amd>-delimited card content as Markdown at review or in-place, with preview, batch conversion, shortcuts; currently unmaintained.

note-management formatting shortcuts card-templates

Typst Math in Anki

Converts Typst math code into MathML or SVG for Anki flashcards, with inline/block editors, shortcut replacements, and custom preamble functions.

card-creation formatting beta

Markdown and KaTeX Support

Adds Basic and Cloze note types supporting Markdown and KaTeX, live desktop preview, code highlighting, chemistry formulas, and ==text== highlighting across internet-connected devices.

formatting card-templates mobile-compatible

Description

Easy Code Blocks/Tags for Anki Convert backticks to HTML <code> tags in the Anki editor. This makes the Anki editor parse backticks as Markdown. Single backticks : ( `x == 2` ) will be converted like so <code>x == 2</code> . Triple backticks : ( ```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: Copy the downloaded JS code into your collection.media directory (for example, highlight.min.js ) Prefix the JS library name with _ (for example, highlight.min.js -> _highlight.min.js ) This is so Anki doesn't try to delete it since it's not being referenced by any field Copy an associated CSS file for styling and also prefix it with an _ (e.g., _github-dark.min.css ) Edit your cards to call the JS library and load the CSS like so: <link rel="stylesheet" href="_github-dark.min.css"> <script src="_highlight.min.js"></script> <script>hljs.highlightAll();</script> A few notes The text in the editor is updated automatically when you... Jump to a new field Or save/submit your edits (Ctrl-Enter or click "save") The text displayed in the editor is NOT updated automatically The new text will be shown next time you view the card in the editor (in the browser, you can hit Ctrl-n, Ctrl-p to go to the next card and back to "refresh" it). Next steps Add a hotkey to insert a pair of backticks and a hotkey to insert a pair of triple backticks Add a UI button to insert a pair of backticks and a UI button to insert a pair of triple backticks Make the hotkeys and UI buttons work on selected text