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. Paste 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 a card template means knowing HTML and CSS. Searching for how to change one alignment or one font size, then hunting down code to paste in, is a lot of friction for a small change. That friction is why I built a tool that lets you change a card template without knowing any code.
What you can do with ankieditor
- Change font family, size, text color, background color, alignment, and line spacing
- Add dividers with adjustable width, thickness, and color, reorder or delete elements, and adjust the space below an element
- Add fields, and preview card content with field sample values
- Set a maximum card width
- Save as many edited templates as you like
- Built-in note type presets (Basic · Basic (type in the answer) · Cloze)
- Night mode (dark mode) preview, and colors that apply only in night mode
The full walkthrough is in the Guide and the Tips.
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.
Who makes it
ankieditor is a personal project built and run by one person, changdolman.
Contact
For bug reports, feature requests, or anything else, email gggg6699@gmail.com (Contact page).