AnkiWeb addon 1753198255
Moves the browser's card/note table into the sidebar to maximize the editor area, toggled by menu or configurable shortcut, and optionally minimizes the tags editor.
Open on AnkiWeb GitHub Forum topic Find alternatives
abandoned
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.60 | 2.1.66+ | 2023-04-22 |
Loading…
Enables adding and editing Anki notes in extended CommonMark Markdown within fields or a separate window, using a CodeMirror editor with HTML conversion and configurable syntax extensions.
Lets you hide or show the browser's table, editor, and sidebar to maximize the remaining view, with configurable shortcuts and one-card-per-note behavior.
Moves the browser's editor from below the table to its right side via a customizable shortcut, though this feature is now built into Anki 2.1.55 and later.
Adds a configurable info bar to the browser, with optional background colors for suspended or high-lapse cards, deck line placement, and width settings.
Displays the note editor in multiple columns using automatic, manual, or custom grid-area layouts, with shortcuts to toggle modes and temporarily widen a field.
Copies the current note's contents into a new Add window via configurable shortcuts from the Add window, Edit Current, Browser, and Reviewer, requiring add-ons that support multiple add windows.
SIDEBAR TABLE
Anki addon (Github) to allow moving the browser card/note table to the sidebar to maximize the editor area by menu (Browser → View → Toggle table position) or shortcut (configurable, default Ctrl+Alt+Shift+B). Additonally the addon will attempt to minimize the tags editor when toggling to table-in-sidebar (can be disabled, "Autominimize": false).
Warning
On first run it may be that the note/card table is not visible, if so try to find the splitter position at the bottom of the sidebar (look for when the cursor changes to “splitter”) to adjust the splitter position (it is remembered between sessions).
The addon is not super well tested (for instance I don’t know what happens if you rotate the screen) but it shouldn’t break anything, just disable the addon.
Remarks
The implementation is some rather hacky monkey patching but simple enough. Will likely break sooner or later but should be fairly simple to correct.
The above screenshot is achieved with Markdown input and CSS Injector - Change default editor styles with the following CSS:
/* editor.css */
div > div.editor-field {
border-radius: unset;
border: none !important;
box-shadow: none !important;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
div:not(:nth-child(1)) > .field-container {
border-top: 1px solid var(--border);
}
.editor-toolbar .button-toolbar {
border: none;
padding: 7px 7px 0px 7px;
margin: 0px;
}
.editor-field {
--fg: #3b3b3b;
--selected-bg: #ADD6FF80;
}
.night_mode .editor-field {
--fg: #d4d4d4;
--selected-bg: #ADD6FF26;
}
body {
--fg: #3b3b3b;
--canvas: #ffffff;
--canvas-elevated: #ffffff;
--border: #CECECE;
--border-focus: 1px solid #3794ff;
}
body.night_mode {
--fg: #858585;
--canvas: #1e1e1e;
--canvas-elevated: #1e1e1e;
--border: #474747;
--border-focus: 1px solid #3794ff;
}
and
/* field.css */
anki-editable.night_mode {
color: var(--fg);
font-size: 18px;
}
Changelog
Anki addon (Github) to allow moving the browser card/note table to the sidebar to maximize the editor area by menu (Browser → View → Toggle table position) or shortcut (configurable, default Ctrl+Alt+Shift+B).
On first run it may be that the note/card table is not visible, if so try to find the splitter position at the bottom of the sidebar (look for when the cursor changes to "splitter") to adjust the splitter position (it is remembered between sessions).
The addon is not super well tested (for instance I don't know what happens if you rotate the screen) but it shouldn't break anything, just disable the addon.
The implementation is some rather hacky monkey patching but simple enough. Will likely break sooner or later but should be fairly simple to correct.
The above screenshot is achieved with Markdown input and CSS Injector - Change default editor styles with the following CSS:
/* editor.css */
div > div.editor-field {
border-radius: unset;
border: none !important;
box-shadow: none !important;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
div:not(:nth-child(1)) > .field-container {
border-top: 1px solid var(--border);
}
.editor-toolbar .button-toolbar {
border: none;
padding: 7px 7px 0px 7px;
margin: 0px;
}
.editor-field {
--fg: #3b3b3b;
--selected-bg: #ADD6FF80;
}
.night_mode .editor-field {
--fg: #d4d4d4;
--selected-bg: #ADD6FF26;
}
body {
--fg: #3b3b3b;
--canvas: #ffffff;
--canvas-elevated: #ffffff;
--border: #CECECE;
--border-focus: 1px solid #3794ff;
}
body.night_mode {
--fg: #858585;
--canvas: #1e1e1e;
--canvas-elevated: #1e1e1e;
--border: #474747;
--border-focus: 1px solid #3794ff;
}
and
/* field.css */
anki-editable.night_mode {
color: var(--fg);
font-size: 18px;
}