What is ankieditor
ankieditor is a free web tool for editing Anki card templates without writing any code. Paste in the template you copied from Anki (Front, Back, and Styling) and you get a live preview that looks just like the real card. Click the part you want to change, pick a font, size, or color, and the updated code is generated for you. Copy that code back into Anki and you're done — no install, no sign-up.
Why I built it
Anki is a fantastic memorization tool, but changing how a card looks means knowing HTML and CSS. I kept hitting the same wall myself — searching for how to change a single font size, pasting in code I barely understood, and watching the template break. So I built a tool where you just click the part of the card you want to change and pick from a menu.
What it can do
- Change font family, size, text color, background color, alignment, and line spacing by clicking
- Add dividers with adjustable width, reorder or delete elements, and adjust the space below an element
- Add fields, with field sample values for a preview close to a real card
- Set a maximum card width, and save named templates in My Templates
- Built-in note type presets (Basic · Basic (type in the answer) · Cloze) with a faithful preview of cloze deletions and type-in-the-answer cards
{{Field}}placeholders are protected as chips, so they're never broken while you edit
See the Guide for the full walkthrough, and Tips for advice on polishing your templates.
Your data stays in your browser
ankieditor runs entirely in your browser, with no server involved. The templates you paste in and the templates you save stay only in your browser's storage (localStorage) — nothing is ever sent anywhere. That means you can safely paste in personal study material you wouldn't want to upload elsewhere. See the Privacy Policy for details.
What's next
I'm refining the tool based on issues I run into myself and feedback from users, and I'll keep adding tips for making your Anki cards look better.
Contact
For bug reports, feature requests, or anything else, email [email protected] (Contact page).