Toggle between hide and show buttons in the editor?

Anki Suggestions
1

Anki would be much better with this feature :
The possibility of assigning a keyboard shortcut to toggle between hide and show All editor buttons. This might give us valuable space especially in a notebook screen if we know their shortcuts, because I usually do not press on them and every options I deal with keyboard shortcuts.

I know there is this Add-on :
Hide editor elements (by id, class, CSS selector)

It is supposed to do that, But It doesn’t work on V 2.1.55 + :

This is my configuration :

{
"classes": [
    "sticky-container svelte-1lvjgme",
    "container svelte-14e7rtp container-fluid",
    "sticky-container d-flex svelte-1lvjgme",
    "floating svelte-oyrkgl",
    "popover svelte-13br6di dark",
    "button-group-item svelte-1wfg5gy",
    "editor-toolbar svelte-1jmvn33",
    "horizontal-resizer svelte-a9irxb",
    "tag-editor svelte-14r83e2",
    "collapse-label svelte-1hjb121",
    "tag-editor svelte-1abeqln",
    "collapse-badge svelte-1u1j1u5",
    "collapsible svelte-19cn6dv full-hide measuring"
    ],
"ids": [
      "blockFormatting",
      "template"
],
"selectors": []
}
  • Is there any way to do so or delete them permanently?
2

I’m on Anki 23.12.1 qt6 for Windows, and the add-on seems to work fine.

These are my personal settings, in case you want to test them/use them as reference:

{
    "classes": [],
    "ids": [],
    "selectors": [
        "[title^='Superscript (Ctrl+=)']",
        "[title^='Subscript (Ctrl+Shift+=)']",
        "[title^='Record audio']",
        "[title^='Attach pictures/audio/video']",
        "[title^='Equations']",
        "[class^='.editor-toolbar.svelte-1jmvn33']"
    ]
}
2 Likes
3

This works for hiding the bold button for example:

{
  "selectors": ["[title^='Bold text']"]
}
1 Like
4

This config works well on Anki 23.12.1 Qt 6,
But I’ve tested It and another config [ It also seems to be correct ] on versions between 2.1.55 and 2.1.65
what happened is, the buttons sometimes disappear and other times appear, as shown in this video :

this is the code :

{
"classes": [
"editor-toolbar svelte-1jmvn33",
"collapse-label svelte-1hjb121",
"collapsible svelte-19cn6dv animated full-hide expanded",
"tag-editor svelte-1abeqln",
"collapse-label svelte-1hjb121",
"collapse-badge svelte-1u1j1u5",
"badge svelte-tvhc1n"
],
"ids": [],
"selectors": [
"[title^='Superscript (Ctrl+=)']",
"[title^='Subscript (Ctrl+Shift+=)']",
"[title^='Record audio']",
"[title^='Attach pictures/audio/video']",
"[title^='Equations']",
]
}