AnkiWeb addon 1415523481
Adds non-invasive automatic syntax highlighting to code blocks in Anki's editor preview and reviewer, auto-detecting languages or accepting manual class specifications, with configurable font size and color scheme.
Open on AnkiWeb GitHub Find alternatives
abandoned
| Min Anki | Max Anki | Updated |
|---|---|---|
| 23.12.1 | + | 2024-02-20 |
Loadingβ¦
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.
Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.
Adds one-click syntax highlighting to selected or pasted code in Anki's editor, with line numbers, customizable themes, CSS or inline highlighting, and hotkeys.
Converts backticks in the Anki editor into HTML code tags for inline code and code blocks, supporting language classes for syntax highlighting.
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.
Converts Markdown notes to HTML automatically after editing, with an optional manual conversion button and configurable Markdown extensions such as fenced code blocks.
Code highlighting for Anki.
In the note editor, click the <> button and enclose your code in <pre><code> ... </code></pre>. In the previewer and reviewer, code highlighting will be applied automatically.
By default, the programming language is auto-detected. You can manually specify the language editing the class attribute e.g. <code class="language-cpp">. Look in highlightjs/languages for the list of language codes you can choose from. Consider doing this if auto-detecting takes too long (makes the reviewer lag).
anki-code-highlight is non-invasive; it doesn't modify your original note to add the highlighting. If you disable or uninstall anki-code-highlight, your pre code blocks just return to being normal pre code blocks.
You can change the font size in the config file. Any valid CSS font-size property is valid in this field.
The color scheme can changed by setting the config file. Look in highlightjs/styles for the list of color schemes you can choose from.
Distributed under the MIT license. See LICENSE.txt for more information
Uses highlight.js, included under the BSD 3-Clause license. See highlightjs/LICENSE file for license details.
Code highlighting for Anki.
In the note editor, click the <> button and enclose your code in <pre><code> ... </code></pre>. In the previewer and reviewer, code highlighting will be applied automatically.
By default, the programming language is auto-detected. You can manually specify the language editing the class attribute e.g. <code class="language-cpp">. Look in highlightjs/languages for the list of language codes you can choose from. Consider doing this if auto-detecting takes too long (makes the reviewer lag).
anki-code-highlight is non-invasive; it doesn't modify your original note to add the highlighting. If you disable or uninstall anki-code-highlight, your pre code blocks just return to being normal pre code blocks.
You can change the font size in the config file. Any valid CSS font-size property is valid in this field.
The color scheme can changed by setting the config file. Look in highlightjs/styles for the list of color schemes you can choose from.
Distributed under the MIT license. See LICENSE.txt for more information
Uses highlight.js, included under the BSD 3-Clause license. See highlightjs/LICENSE file for license details.