External Code Editor

AnkiWeb addon 1732661953

Enables copying notetype code to an HTML file in collection.media for external editing, then updating it back during review or preview, with menu and shortcut integration.
AI-generated summary; may contain mistakes.

card-templates developer-tools

Open on AnkiWeb GitHub Ask about alternatives

AnkiWeb

Rating: 7 (👍 6 · 👎 1)
Updated: 2024-01-18
Anki versions: 23.09~
Description language: en

Maintenance

abandoned

Last update or commit was 987 days before the snapshot (2024-01-18).

GitHub

Repository: itsmepvr/anki-external-code-editor · more by itsmepvr
Stars: ⭐ 5 · forks 2 · open issues 0
Last commit: 2024-01-18
License: GPL-3.0
Languages: Python
Tests: 0

Will it work on my Anki?

Version branches

Min Anki	Max Anki	Updated
2.1.20	23.09+	2024-01-18

History across monthly snapshots

Loading…

Similar addons

Template Editor - Live Preview and Safe File Sync

Edits card template HTML and shared CSS with live desktop/mobile previews, mirrors files for external tools, detects conflicts via three-way merge, and applies changes only after confirmation.

sync-integration formatting card-templates developer-tools

Asset Manager

Simplifies managing card template scripts and HTML snippets, enabling reusable JavaScript insertion with conditions, template overwriting, developer hooks, and version updates.

card-templates developer-tools

Find and Replace in Notetypes

Adds a Find and Replace in Templates option to Anki's Browser Edit menu for replacing strings across selected notetypes' card templates.

note-management card-templates

DocSync (Notes Import/Export)

Imports and exports Anki notes to rich text, enabling external editing and re-import that updates existing fields by note ID while preserving media images and HTML.

import export note-management

extended html editor for fields and card templates (with some versioning)

Provides a CodeMirror-based HTML/CSS source editor for fields and card templates, with syntax highlighting, search/replace, configurable themes/keymaps, version saving, diffs, and external editor support.

note-management formatting card-templates obsolete

text editor for Latex, the selection or html source (FORK)

Sends selected text or HTML source to an external editor, optionally reinserting edited content into Anki, useful for LaTeX, Markdown, and code snippets.

formatting shortcuts fork-or-reupload

README

External Code Editor Addon

=====================================

Overview

External Code Editor is an addon designed for Anki version 2.1, offering advanced code editing and updating capabilities during card reviews. With this addon, you can seamlessly copy code from your review session to an HTML file, edit the HTML file using an external editor (such as VSCode), and run the code within the review just like a browser. This addon streamlines the process of updating code directly within the notetype, making it particularly valuable for add-on development or creating intricate card templates.

Features

Code Copy and Update

Copy Code (Ctrl+C): Create an HTML file in the collection.media directory, copying the code from the current notetype to the HTML file.
Edit HTML File: Edit the HTML file in an external editor (e.g., VSCode) to refine your code.
Update Code (Ctrl+S): Transfer the updated code from the HTML file back to the notetype in the review, then reload the current card.

Requirements

Compatible with Anki version 2.1.20 or higher.

Usage

Menubar Integration: Adds Copy Code and Update Code options to the menubar in the Review State, enhancing your editing experience.
Efficient Workflow: Seamlessly edit and update code during your review process, ensuring smooth card template development.
Code Inspection: Utilize the AnkiWebView Inspector addon to meticulously inspect your code for errors and issues.

Screenshots

Screenshot

Installation

To download and install the addon, please visit the AnkiWeb page.

Compatibility

Works with Anki version 2.1.20 and above.

Author

Venkata Ramana P

GitHub