External Code Editor

AnkiWeb addon 1732661953

Copies card template code to an editable HTML file in collection.media, lets you edit externally, and syncs changes back during review or preview, reloading the card.
AI-generated summary; may contain mistakes.

card-templatesdeveloper-tools

Open on AnkiWeb GitHub Find alternatives

AnkiWeb

Votes
7 (πŸ‘ 6 Β· πŸ‘Ž 1)
Updated
2024-01-18
Anki versions
23.09~
License
GPL-3.0 (from the license file in the package)
Virus scan
No ClamAV match A match does not prove malware. No match does not prove that the code is safe.
Languages
Python, JSON
Description language
en

Maintenance

abandoned

  • Last update or commit: 2024-01-18 (1018 days before the snapshot).
  • Commits in the last year: 0.
  • Issues: 0 open, 0 closed.
  • Pull requests: 0 open, 1 merged.
  • Median first response: 13 hours (1 answered issues and pull requests).
  • Outside pull requests: 100% of 1 merged.

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
2.1.2023.09+2024-01-18
History across monthly snapshots

Loading…

Similar addons

Asset Manager

Centralizes JavaScript and HTML template management, letting you insert reusable scripts into note templates, apply conditions, and update code across all card types from one place.

card-templatesdeveloper-tools

11 votes 52% approval πŸ‘ 9 Β· πŸ‘Ž 2 ⭐ 6 Anki 2.1.47~ Updated 2021-08-29
Find and Replace in Notetypes

Adds a Browser Edit menu option to find and replace text across one or more card templates by selecting a notetype, aiding add-on and template development.

note-managementcard-templates

14 votes 69% approval πŸ‘ 13 Β· πŸ‘Ž 1 ⭐ 3 Anki 23.12~ Updated 2023-12-27

Description

External Code Editor

The External Code Editor addon offers enhanced code editing and updating capabilities during both review and preview sessions. This powerful tool enables you to seamlessly copy code from your review or preview, edit it within an external HTML editor, and then run the code directly within the review or preview environment, mirroring browser-like functionality. This addon streamlines code updates within both review and preview states of notetypes, proving invaluable for add-on development and the creation of intricate card templates.

Features

  • Copy Code (Ctrl+c): Generates an HTML file within the collection.media directory, copying the code from the current notetype to this HTML file.
  • External HTML Editing: Edit the HTML file using an external editor (e.g., VSCode), refining your code with precision.
  • Update Code (Ctrl+s): Effortlessly synchronize the updated code from the HTML file back into the notetype during review sessions, immediately reloading the current card.
  • Open File (Ctrl+o): Open the HTML file in default VSCode or any default code editor.

Requirements

Compatible with Anki version >= v2.1.20.

Usage

  1. Deckbrowser Integration: Incorporates Copy Code and Update Code options into the menubar within the Deckbrowser, streamlining your code management workflow.
  2. Efficient Editing: Seamlessly copy, edit, and update code from the review and preview states, facilitating fluid card template refinement.
  3. Enhanced Preview Functionality: In the preview state, simply right-click to access copy and update code options, offering a user-friendly experience.
  4. Code Inspection: Utilize the AnkiWebView Inspector addon to meticulously examine your code for any potential errors or issues.

Compatibility

Works with Anki version >= v2.1.20.

Source Code

For any inquiries or to report issues, please visit the GitHub repository.

Author

This project is licensed under The MIT License (MIT).

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

  1. Menubar Integration: Adds Copy Code and Update Code options to the menubar in the Review State, enhancing your editing experience.

  2. Efficient Workflow: Seamlessly edit and update code during your review process, ensuring smooth card template development.

  3. 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

Copyright and License

Β© 2019 Itsmepvr. This project is licensed under The MIT License (MIT).