CSS classes around fields

AnkiWeb addon 631147309

Adds or removes CSS class wrappers around each field by modifying card types for selected notes via the browser's Edit menu.
AI-generated summary; may contain mistakes.

note-management formatting appearance card-templates

Open on AnkiWeb GitHub Find alternatives

AnkiWeb

Votes: 1 (👍 1 · 👎 0)
Updated: 2018-11-27
Anki versions: unknown
License: GPL-3.0 (from the license file in the package)
Virus scan: No ClamAV match A match does not prove malware. No match does not prove that the code is safe.
Languages: Python
Description language: en

Maintenance

abandoned

Last update or commit: 2020-08-02 (2282 days before the snapshot).
Commits in the last year: 0.
Issues: 0 open, 1 closed.
Pull requests: 0 open, 0 merged.
Median first response: 5 hours (1 answered issues and pull requests).

GitHub

Repository: arthur-milchior/anki-style-around-fields · more by arthur-milchior
Stars: ⭐ 1 · forks 0 · open issues 0
Last commit: 2020-08-02
License: GPL-3.0
Languages: Python
Tests: 0

Will it work on my Anki?

Version branches

Min Anki	Max Anki	Updated
2.1.0	–	2018-11-27

History across monthly snapshots

Loading…

Similar addons

syntax highlighting FORK (css only, night-mode) fork

Provides CSS-based syntax highlighting for code in Anki cards, including night mode, with batch template configuration.

note-management formatting appearance card-templates obsolete fork-or-reupload

Custom Styles (font color, background colour, classes)

Adds editor buttons, shortcuts, and context-menu options for quickly applying font colors, background colors, font sizes, custom CSS classes/styles, and text wrappers.

formatting shortcuts appearance mobile-compatible

Style Buttons for Editor（by Scarlett) —— 根据笔记类型的 CSS 自动生成样式快捷按钮

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.

formatting shortcuts appearance card-templates

Inline CSS Cleanup

Extracts and deduplicates inline CSS from selected note fields, moves it to a shared media file, then inserts import links—optionally handling repeated inline styles, base64 images and Yomitan media references—to shrink collections.

sync-integration note-management formatting backup-maintenance

Insert HTML wrapper for your style

Wraps selected text in customizable HTML tags using a button or hotkeys, letting users style important words per note type through CSS.

formatting shortcuts

AnKing Note Types (Easy Customization)

Enables easy customization, installation and updating of AnKing note types, with configurable options, field ordering, auto-reveal tags, image blurring and one-by-one cloze features.

formatting appearance card-templates cloze image-occlusion mobile-compatible

Description

Add CSS class around each field.

README

CSS style around fields

Rationale

I'd love to be able to have css applied to the content of fields. This add-on modify card's type to ensure that it is the case. I may also want to remove those fields because this impair readability. So this add-on also also allow to remove those CSS style.

Usage

In the browser, select at least a note of each type you want to modify. Do "Edit>Style around fields" to add the CSS fields, and "Edit>Remove style around style" to remove them.

TODO

It would be nice to edit the card type directly from the card type editor. I don't know how to do it. I don't know how to add button there.

Links, licence and credits

Key	Value
Copyright	Arthur Milchior arthur@milchior.fr
Based on	Anki code by Damien Elmes anki@ichi2.net
License	GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
Source in	https://github.com/Arthur-Milchior/anki-style-around-fields
Addon number	631147309