AnkiWeb
- Rating
- 55 (👍 52 · 👎 3)
- Updated
- 2021-12-17
- Anki versions
- 24.04.1~
- Description language
- en
Image Style Editor
AnkiWeb addon 1593969147
Enables right-click resizing of images by setting CSS width and height, with per-image controls plus Image Occlusion and AnkiDroid support.
Open on AnkiWeb GitHub Ask about alternatives
Maintenance
abandoned
- Last update or commit was 1749 days before the snapshot (2021-12-17).
GitHub
- Repository
- bluegreenmagick/image-style-editor · more by bluegreenmagick
- Stars
- ⭐ 6 · forks 1 · open issues 8
- Last commit
- 2021-12-17
- License
- MIT
- Languages
- Python
- Tests
- 0
Will it work on my Anki?
Version branches
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.14 | 24.04.1+ | 2021-12-17 |
History across monthly snapshots
Loading…
Similar addons
Automatically resizes and aligns images pasted or drag-dropped into Anki's editor using configurable strategies, toolbar switching, and deck-specific defaults.
Generates Anki flashcards using a TypeScript templating engine and markup language with effects such as shuffling, clozes, multiple choice, and image occlusions.
Allows click-and-drag image resizing in the Anki desktop editor, preserving aspect ratio, with double-click clearing and configurable border; no further development due to built-in Anki 2.1.50+.
Rescales images in Anki's editor by setting img width/height attributes, reversibly, with toolbar and context-menu controls, auto-rescale on paste, exempt fields, and manual dialog.
Create Markdown-enabled sticky notes on Anki review screens with live preview, images/GIFs, presets, templates, export, keyboard shortcuts, and JSON syncing via media.
Enables easy customization and installation of AnKing note types, adding one-by-one clozes, image occlusion, auto-reveal tags, and update tracking.
README
Image Style Editor
This is an addon mainly for editing image width and height.
How to use
Right click on an image in editor, click on 'Image Styles'.
Accepted formats are: 300, 240px, 20em, 60%, auto,--somestring, empty, etc. Plain numbers(eg. 300) are automatically converted to 300px. Values starting with -- (eg. --name) are automatically converted to var(--name). Trailing and leading spaces are removed.
You can set either only the width or the height, leave the other blank, and the image should retain its aspect ratio. If it doesn't, try going into config, and change empty_means to auto.
Differences from ImageResizer
- Uses css height and width properties to resize images, so there is no loss of quality.
- You can modify width and height individually for each image
- Can't automatically resize images on paste.
Image Occlusion Support
This addon supports Image Occlusion Enhanced fully. The image styles can be edited on created Image Occlusion cards.
- For mask/original image fields, if both
Apply to all notesandApply to all fieldsare checked, the styles will be applied to all the images in other notes and other fields as well. - Checking only
Apply to all notes, the style is applied to images from only that field in all other notes. Apply to all fieldsapply styles to only images that are in original image, or mask fields.Apply to all notesapplies image styles to the same field in all cards. Note: If you have modified any field name or position, or the notetype name on Image Occlusion Enhanced notetype, the addon's configuration needs to be adjusted before using it on Image Occlusion cards.
AnkiDroid Users
- Due to a bug in AnkiDroid, if the note type uses conditional replacement, the note may become blank. Setting
hidden-div-for-image-only-fieldtotruebefore using editing image style should fix the issue.
Ankiweb
https://ankiweb.net/shared/info/1593969147
Credits
Thanks to searene, developer of the addon ImageResizer'. Some of the code for gui were reused in this addon. Also to glutanimate(Aristotelis P.) and others who made the addon Image Occlusion Enhanced, which was how I figured this addon would be possible to make. Thanks to AnKing for several feature suggestions.