VS Code For Anki

AnkiWeb addon 1910624632

Upgrades Anki's card template and styling editor with Monaco-based syntax highlighting, autocompletion, formatting, diagnostics, code folding, and theme-aware editing while preserving live preview and other Cards window functions.
AI-generated summary; may contain mistakes.

formatting card-templates

Open on AnkiWeb GitHub Find alternatives

AnkiWeb

Votes: 0 (👍 0 · 👎 0)
Updated: 2026-08-06
Anki versions: 26.08.1~
License: Not found (this does not mean that the addon has no license)
Virus scan: No ClamAV match A match does not prove malware. No match does not prove that the code is safe.
Languages: JavaScript, Python
Description language: en

Maintenance

active

Last update or commit: 2026-08-06 (87 days before the snapshot).
GitHub Actions workflows: 1.
Commits in the last year: 20.
Issues: 0 open, 0 closed.
Pull requests: 0 open, 6 merged.

GitHub

Repository: selfishpig/ankicode · more by selfishpig
Stars: ⭐ 0 · forks 0 · open issues 0
Last commit: 2026-08-06
Languages: JavaScript, Python
Tests: 0

Will it work on my Anki?

Version branches

Min Anki	Max Anki	Updated
25.09.5	26.08.1+	2026-08-06

History across monthly snapshots

Loading…

Similar addons

Card Templates - HTML JavaScript CSS code highlighting 🎨 fork

Enhances Anki's card template editor with HTML, JavaScript, and CSS syntax highlighting, autocompletion, custom templates, cursor-position memory, external editor integration, and automatic backups.

formatting shortcuts card-templates developer-tools beta

syntax highlighting FORK (css only, night-mode) fork

Provides CSS-based syntax highlighting for code in Anki cards, including night mode, with batch template configuration.

note-management formatting appearance card-templates obsolete fork-or-reupload

Anki Markdown has 2 forks →

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.

sync-integration formatting appearance card-templates mobile-compatible

Better Markdown Anki

Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.

formatting appearance card-templates cloze

extended html editor for fields and card templates (with some versioning) has 1 fork →

Provides a CodeMirror-based HTML/CSS source editor for note fields and card templates, with syntax highlighting, search and replace, external editor support, and saved version comparison.

formatting card-templates obsolete

Syntax Highlighting for Code has 2 forks →

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.

card-creation formatting shortcuts fork-or-reupload

Description

Monaco-powered Template Code Editor for Anki

This add-on upgrades the text area in Cards... with a Monaco-powered editor for front templates, back templates, and card styling.

Features

Syntax highlighting for HTML, embedded CSS and JavaScript, and standalone card CSS
HTML, CSS, and JavaScript autocompletion
CSS color previews and a color picker
Prettier document and selection formatting for HTML, embedded JavaScript, and CSS
Syntax diagnostics for standalone CSS and JavaScript inside <script> tags
Line numbers, code folding, automatic indentation, paired brackets and quotes, and automatic HTML closing tags
Light and dark themes that follow Anki's theme
Per-tab scroll position, cursor, and selection memory while the Cards window is open
Persistent indentation and tab settings
Full support for Anki's live preview, search, Add Field, Save, and Cancel behavior
No network connection required at runtime

README

Template Code Editor for Anki

This add-on upgrades the text area in Cards… with the bundled Monaco editor for front templates, back templates, and card styling.

Features:

Monaco syntax highlighting for HTML, embedded CSS/JavaScript, and standalone card CSS;
Monaco's default HTML, CSS, and JavaScript completion support;
document and selection formatting for HTML, embedded JavaScript, and CSS;
syntax diagnostics for standalone CSS and JavaScript inside <script> tags;
line numbers, code folding, current-line highlighting, automatic indentation, paired brackets/quotes, automatic HTML closing tags, and the rest of Monaco's default behavior;
Monaco's default light and dark themes, selected with Anki's theme;
no network runtime dependency: Monaco and its styles are compiled into vendor/editor.js, with its generated language workers under vendor/assets/;
preserves Anki's live preview, search, Add Field, Save, and Cancel behavior.

Use the arrow keys to select a suggestion and press Tab or Enter to accept it. Ctrl+Space opens completion at any time.

The add-on targets Anki 2.1.50 and newer (including current 25.x/26.x builds).