Edit Mode in Canvas all the time

Use case or problem

Is it possible to see all cards in Canvas in Edit Mode? I almost never use Reading View and have some special snippets for Edit Mode, so my usual notes look unfamiliar in Canvas. Especially problematic is that I use empty lines to divide meaningful parts. Also, it’s a little irritating when it twitches and adjusts a different style all the time when you click a card to edit it. Without that, for me, it would be more smooth and comfortable.

Proposed solution

Make an option to display canvas cards in Editor View all the time

8 Likes

Having the exact same issue. Proposed solution would be ideal.

1 Like

Same issue here, double click is too much effort.

Yes. Also the fact of the different line spacing between the two modes is driving many people crazy, as expressed in this thread:

I am so thankfull for any help! <3

This is the main annoying thing in the Obsidian for me.
Vote for this feature with both hands!

Mean while I’ve use CSS to keep the minimal difference between Reading Mode and Edit mode. But I need to update it from time to time, when facing with another issue.

Before

CleanShot 2025-10-01 at 17.48.36 2

After

CleanShot 2025-10-01 at 17.46.01

It is adapted for my themes and screen, so you need to configure it first.

.canvas h1 {
    margin-top: 0px !important;
}
.canvas h1 {
    margin-bottom: 0px !important;
}

.canvas h2, h3 {
    margin-top: 24px !important;
}
.canvas h2, h3 {
    margin-bottom: 0px !important;
}


.canvas .el-p > p {
    margin-top: 0px;
    margin-bottom: 0px;
}
.canvas .el-blockquote > blockquote {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cm-line.HyperMD-quote {
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.canvas li > mark {
    margin: 0px;
    padding: 0px;
}

.canvas .has-list-bullet {
    margin-top: 0px;
    margin-bottom: 0px;
}
.cm-s-obsidian.mod-inside-iframe > .cm-editor .cm-content > .cm-line.HyperMD-header {
    padding-top: 0px;
}


.canvas .has-list-bullet .list-bullet::after {
    margin-left: -4px;
    margin-top: -3px;
}
.cm-formatting-list {
    margin-right: 7px;
}
1 Like