AnkiWeb
- Rating
- 8 (👍 6 · 👎 2)
- Updated
- 2020-03-22
- Anki versions
- 2.1.24~
- Description language
- en
HTML Editor Tweaks v0.2
AnkiWeb addon 410936778
Tweaks the built-in HTML editor by prettifying HTML with Beautiful Soup, remapping a shortcut, setting a monospace font, resizing the editor, and disabling last-line cursor loading.
Open on AnkiWeb GitHub Ask about alternatives
Maintenance
abandoned
- Last update or commit was 2098 days before the snapshot (2021-01-02).
GitHub
- Repository
- luoliyan/anki-misc · more by luoliyan
- Stars
- ⭐ 8 · forks 7 · open issues 8
- Last commit
- 2020-03-22
- Languages
- Python, JavaScript
- Tests
- 0
Will it work on my Anki?
Version branches
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.22 | 2.1.24+ | 2020-03-22 |
History across monthly snapshots
Loading…
Similar addons
Adds editor buttons, shortcuts, and menus to apply font/background colors, font sizes, custom classes, styles, and text wrappers in Anki.
Applies beautiful custom card templates to any Note Type via themes, drag-and-drop field mapping, per-field styling, live preview, light/dark adaptation, and automatic template backups.
Enables adding and editing Anki notes in extended CommonMark Markdown via editor fields or a separate window, with CodeMirror editing, extensions, and configurable conversion.
Adds real-time CSS/HTML color previews, click-to-pick color picker, syntax highlighting, and live card preview updates to Anki's Card Template Editor.
Adds monospace text and naive HTML/CSS syntax highlighting to Anki's template editor, with configurable highlighting, line numbers, search and replace, and indentation planned.
Adds configurable wrapper buttons and shortcuts to Anki for managing cloze navigation, wrapping/unwrapping, centering, citations, mnemonics, shuffling, and custom HTML.
README
Clickable Tags
A stripped-down port of the Clickable Tags add-on to Anki 2.1.
Just add the {{Tags}} special field to your card template. The add-on will take care of the rest.
Single-click the tag to search for notes with that tag. Double-click to limit the search to the current deck.
HTML Editor Tweaks
A set of tweaks to the built-in HTML editor. Hopefully an improvement for those who spend a lot of time editing cards.
Very alpha. Seems to work 99% of the time, but please make a backup of your collection first.
Tweaks
- Prettifies the HTML by running it through Beautiful Soup
- Reformats pretty aggressively, which is what I wanted, but not everyone will like it
- Remaps <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>X</kbd> to <kbd>F12</kbd>
- Sets a decent monospace font (assumes Iosevka; edit
__init__.pyto change) - Resizes the editor to something more reasonable than 400 x 300
- Disables the default behaviour of loading the cursor on the last line (personal preference, yes)
Known Issues
- Adds spurious space just before
<sub>or<sup> - Incorrect handling of tags inside parentheses
Web View Styling
Show Cloze Length
- Clone or modify a
Clozenote type. - Add a
Termfield to the note, containing the text that is hidden by the cloze. - Copy
_showClozeLength.jsinto yourcollection.mediadirectory. - Add this to the note styling:
.hidden { color: transparent; }
- Add this to the front of the cloze card, at the bottom:
<div class="term hidden">{{Term}}</div>
<script src="_showClozeLength.js"></script>