3 ms·
Here's a dead simple note "app" - it's a single html file using CSS and JavaScript, a whopping 62 lines. Uses content editable and localStorage. Demo: https://
by marcuskaz 1y ago
Here's a dead simple note "app" - it's a single html file using CSS and JavaScript, a whopping 62 lines. Uses content editable and localStorage.
Demo: https://mkaz.github.io/browser-pad/ https://mkaz.github.io/browser-pad/
Source: https://github.com/mkaz/browser-pad/ https://github.com/mkaz/browser-pad/ - though I suppose you can just view source on demo too
- toastercat 1y agoNice one! Although it doesn't seem to save newlines on refresh.
- marcuskaz 1y agoYou're right, fixed. Switched it to use innerHTML.
- unvalley 1y agoThat works too, for sure. I’ve paid special attention to certain features like how task creation works in Markdown with Ephe. Would love for you to give it a try.
- marcuskaz 1y agoYou can also create a writing space in your browser using a data URL, paste the following into your address bar and boom! instant editor. You can bookmark it and will always be available. ``` data:text/html, <html contenteditable> ``` Plus bonus ephemeral, close the tab and your notes are gone with them. Here's an old post with examples using data URL adding style: https://news.ycombinator.com/item?id=6005295 https://news.ycombinator.com/item?id=6005295