Oh wow that's cool! How do you use this since I presume the tab will forget everything once its closed? Just temporary notes?

Yeah, I operate it like I would a dry-erase board. Ctrl-S doesn't work unless you add some scripting, but I usually copy-paste it if I'm drafting a note, or close it without saving if it was meant like a sticky note. It's good as a longer-term clipboard or a place to privately note down something before deciding whether to keep it.

For notes that I've refined and want to hold on to, I tend to use a physical notebook. I enjoy the kinesthetic process of writing by hand so I still use that for more permanent notes.

I do too. I've been wondering if there's some short JavaScript I could add to retrieve text from local storage when loaded, and update local storage after every change. Not so it persists for months, but just so it survives a tab close or a browser restart.

EDIT: mm, localStorage API is disabled inside data URLs, understandably

There are local-first file based solutions (like classic TiddlyWiki) that could work for you,.. but at that point maybe you meant to open your favorite text editor or IDE.

I kind of like that this simple solution always opens a scratch buffer and I have to put it somewhere else to save it (never saved accidentally).

It also keeps the source formatting (or with ctrl-shift-V ignores it), which can be useful aside from the note taking itself.

Yeah it's what I use as a scratch buffer too. I'm just so used to being able to reopen a tab if I close it by mistake. Thanks for the info!

If you're looking to save yourself from accidental deletion, I tested the following, it adds a confirm dialog when closing the tab.

data:text/html,<div contenteditable style="height:100%"><script>addEventListener("beforeunload", (e) => {e.returnValue = "?";})</script>

I love that! It never occurred to me. So simple. Thank you!

Love the simplicity of this

Wow! That's really cool. Thanks for sharing!