Does something like this exist?
data:text/html, <html contenteditable>
<html contenteditable="true"><body></body></html>
<script>
const a=localStorage.getItem('saved-text-data');
document.querySelector('body').innerHTML=a;
setInterval(()=>{localStorage.setItem('saved-text-data', document.querySelector('body').innerHTML);}, 2000);
</script>Then, re-open the file in Chrome. Re-save as needed.
EDIT: Looks like you can even drag-n-drop images and URLs into it.
Note from your original post: "It doesn't need to save,".
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_att...
You seem like a really cool person!
document.querySelectorAll('*').forEach(function(node){node.setAttribute('contentEditable','true')});
That way I could edit text while they talked and at the end of the meeting I’d just do a full-page screenshot.
The problem with letting non-technical users have at it is that they don’t realize it’s temporary.
Sadly, the cross browser support situation is pretty flaky. In practice this means you’ll find a lot of variance in the user input you get depending on which browser it’s coming from. Makes it really difficult to keep styling consistent or parse the content of it.
Sadly this is one of those times we can’t have nice things.
data:text/html, <html contenteditable autofocus>eg https://codepen.io/quill/full/KzZqZx or https://codepen.io/JessieWooten/full/wYObEX
Or one of the many online markdown editors (https://markdownlivepreview.com/, https://dillinger.io/)
<html contenteditable="true"><body></body></html>
<script>
const a=localStorage.getItem('saved-text-data');
document.querySelector('body').innerHTML=a;
setInterval(()=>{localStorage.setItem('saved-text-data', document.querySelector('body').innerHTML);}, 2000);
</script>
My only issue with it is that it does not allow you to scroll down if the text fills up the screen; my way of fixing this is removing the "overflow" CSS property with my browser developer tools.
https://hackmd.io/c/tutorials/%2Fs%2Ffeatures
For your use case, it saves files immediately as you type them. It's also collaborative and can sync to GitHub.
As an extra bonus, optional Vim and Emacs keybindings are built right in.
You can even have a special hotkey for opening a specific file.
The big advantage for me there is that you get real text editor, not just a browser text box and I can delete lines with "dd" like God intended.
This is just a textarea. Edits are saved to local storage. You have 10 “files”.
data:text/html, <html><textarea autofocus style="width:99vw;height:98vh">
https://gist.github.com/Explosion-Scratch/660ab8fe88f605f62a...
[0]: https://stackedit.io
[1]: https://tot.rocks/
- Having a single, always open file. Something like notepad would require me to open the app and then open a particular file. Again, too much effort.
FYI, the site took about 10 seconds to load which isn't an ideal situation.
Fwiw that's just the landing page, almost positive it's a downloadable application.
But you have context switched there -- you had to open either a new tab or new window, and type "xyz.com" (or hit a bookmark) or replace your current page. So you had to context switch there as well.
> Opening a notepad app would make me context switch enough to lose flow state.
No less than the context switch of having to open another tab/window and type "xyz.com" or replace the current page.
> Having a single, always open file. Something like notepad would require me to open the app and then open a particular file.
Notepad (nor most other editors) does not require an always open file. Notepad (and others) work just fine to type into as transient storage with no backing files at all. The most you get is an "unsaved data" prompt when you have decided to close the window.
But if you really want this to be "in a browser" you don't need an "xyz.com" at all. All you need is a minimal html file with a textarea tag inside. I.e., this minimal html file below (hopefully this comes through):
<textarea cols="80" rows="25">
Plus, opening a local file will be your absolute fastest way to get your preferred "in browser" editor open.
In my ideal world, I'd type in xyz.com and it would have a blank text area I can type a few words into. Then going back to xyz.com would still have that data in the text area.
Tools like Notion are too heavy and would tempt me into taking proper notes.
Things like a notepad app on my desktop require too much context switching. I have to leave the browser, open notepad, etc
A blank Google doc isn't a bad solution, except it takes a bit of time to load and then I end up with lots of little abandoned note docs in my Google Drive.
Literally a site with a text area that saves the text to local storage would be perfect. Maybe it supports Markdown.
If you like secretly like Google Docs but just don’t want to have to go though Drive to make a new doc: https://doc.new or https://docs.new
If you want to use GitHub Gist: https://gist.new
Similarly https://paper.new for Dropbox Paper
Also definitely not a good idea in general, but I found https://md.new by guess and check. I can’t vouch for the site itself but it might be just the tool you’re looking for?
(I’ve prefixed all these with https:// so HN will linkify them but in your browser’s address bar you can usually omit that to make it more convenient)
Specifically, are you aware of the ⌘⇧Y hotkey for turning any selected text in a focused application into a new sticky note?
If so, have you considered typing your note into your browser's address bar, highlighting it, and then using said hotkey?
I use Notepad++ for that. The only time it's not running is when the computer after a fresh restart. Alt+Tab, Ctrl+N, type.
Autosave works 99% of times.
If you’re not using Markdown though then I wouldn’t use it. But for those needing a quick Markdown tool, it’s been great