ProseMirror [1] has (mostly) solved that problem in the browser with an excellent transaction-based wrapper around contenteditable! I highly recommend checking

ProseMirror [1] has (mostly) solved that problem in the browser with an excellent transaction-based wrapper around contenteditable! I highly recommend checking it out. I'm also the author of a WYSIWYG math plugin for ProseMirror [2]. For me, WYSIWYG is essential, since my notes contain a lot of math, and I don't want to stare at LaTeX source all day. For that reason, stopped using Overleaf in favor of Typora [1] for a while, but grew out of it as my note-base became large enough to need a good wikilink system. Quarantine gave me enough free time to build my own note-taking app [3]. So, these days, when I get frustrated with my note-taking app, I have only myself to blame :) [1] https://prosemirror.net/ https://prosemirror.net/ [2] https://github.com/benrbray/prosemirror-math https://github.com/benrbray/prosemirror-math [3] https://noteworthy.ink/ https://noteworthy.ink/