AnkiWeb addon 1758039001
Wraps selected text in customizable HTML tags using a button or hotkeys, letting users style important words per note type through CSS.
Open on AnkiWeb GitHub Find alternatives
stale
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.0 | 25.09.2+ | 2026-02-16 |
Loading…
Adds editor buttons, shortcuts, and context-menu options for quickly applying font colors, background colors, font sizes, custom CSS classes/styles, and text wrappers.
Adds configurable editor buttons and keyboard shortcuts for wrapping/unwrapping text, navigating cloze deletions, inserting custom HTML, styling citations and mnemonics, and shuffling images or lists.
Adds buttons and hotkeys that wrap selected text in monospace code or pre+code tags, with customizable shortcuts, for Anki 23.10 and later.
Wraps selected card-editor text in code tags via a toolbar button or Ctrl+Alt+C, escaping special characters and converting line breaks for multiline code.
Adds editor buttons with keyboard shortcuts for wrapping selected text in collapsible details, colored bordered sections, ordered or unordered lists, and for stripping HTML from text.
Parses a note type's CSS custom classes into one-click editor toolbar buttons that wrap or unwrap selected text, with drag reordering, previews, shortcuts, and customizable settings.
This very simple addon doesn't even contain 200 lines of code and allows you to add one button with commands for wrapping selected text with your HTML code (you can change this in the configuration).
How to use it:
Why is this necessary?
I'm not a fan of excessive formatting, as the text should be minimal and clear, and important words can be bolded or italicized, with less color. In each note template (CSS applies to all cards in a single note), the user can specify their own style for how they want important words to appear. This could be a specific color or a color that depends on the application's color theme. Specifying a fixed color would make it difficult for the user to read.
This add-on allows you to wrap your text in custom tags (here, 'w1' and so on) and then customize the CSS for these tags to suit your specific note type. Large and complex tags are not recommended, as they make the field's HTML code difficult to read.
The standard configuration file looks like this:
{
"tags": [
"<w1>$$</w1>",
"<w2>$$</w2>",
"<w3>$$</w3>",
"<w4>$$</w4>",
"<w5>$$</w5>",
"<w6>$$</w6>",
"<w7>$$</w7>",
"<w8>$$</w8>",
"<w9>$$</w9>",
"<w0>$$</w0>",
" [Ctrl+Shift+Space]",
"removeformatALL() [Ctrl+Shift+-]"
]
}
You can change the configuration as needed. The $$ sign separates the code into the beginning and end of the wrapper. If you don't specify a hotkey in square brackets after the final space, the default shortcuts are Ctrl+Shift+1, Ctrl+Shift+2, and Ctrl+Shift+0. The "removeformatALL()" command is special and is used to completely remove tags, as the standard tag removal doesn't remove all tags, and the Ctrl+Shift+V shortcut, which should do this, currently doesn't work in fields when editing.
HELP AND SUPPORT
Please do not use reviews for bug reports or support requests.
And be sure to like, as your support is always needed. Thank you.
I don't get notified of your reviews, and properly troubleshooting an issue through them is nearly impossible. Instead, please either use the issue tracker (preferred), add-on, or just message me at andreykaiu@gmail.com. Constructive feedback and suggestions are always welcome!
VERSIONS
=========================
See my other addons and decks here: https://ankiweb.net/shared/by-author/1188253433
=========================
This very simple addon doesn't even contain 200 lines of code and allows you to add one button with commands for wrapping selected text with your HTML code (you can change this in the configuration).
How to use it:
Why is this necessary?
I'm not a fan of excessive formatting, as the text should be minimal and clear, and important words can be bolded or italicized, with less color. In each note template (CSS applies to all cards in a single note), the user can specify their own style for how they want important words to appear. This could be a specific color or a color that depends on the application's color theme. Specifying a fixed color would make it difficult for the user to read.
This add-on allows you to wrap your text in custom tags (here, 'w1' and so on) and then customize the CSS for these tags to suit your specific note type. Large and complex tags are not recommended, as they make the field's HTML code difficult to read.
The standard configuration file looks like this:
{
"tags": [
"<w1>$$</w1>",
"<w2>$$</w2>",
"<w3>$$</w3>",
"<w4>$$</w4>",
"<w5>$$</w5>",
"<w6>$$</w6>",
"<w7>$$</w7>",
"<w8>$$</w8>",
"<w9>$$</w9>",
"<w0>$$</w0>",
" [Ctrl+Shift+Space]",
"removeformatALL() [Ctrl+Shift+-]"
]
}
You can change the configuration as needed. The $$ sign separates the code into the beginning and end of the wrapper. If you don't specify a hotkey in square brackets after the final space, the default shortcuts are Ctrl+Shift+1, Ctrl+Shift+2, and Ctrl+Shift+0. The "removeformatALL()" command is special and is used to completely remove tags, as the standard tag removal doesn't remove all tags, and the Ctrl+Shift+V shortcut, which should do this, currently doesn't work in fields when editing.
HELP AND SUPPORT
Please do not use reviews for bug reports or support requests.
And be sure to like, as your support is always needed. Thank you.
I don't get notified of your reviews, and properly troubleshooting an issue through them is nearly impossible. Instead, please either use the issue tracker (preferred), add-on, or just message me at andreykaiu@gmail.com. Constructive feedback and suggestions are always welcome!
VERSIONS