Show HN: ~200 byte in-browser, no JS, private notepad
jjjjjjjjjjjjjjjjjjjj.github.io
Show HN: ~200 byte in-browser, no JS, private notepad
1–10 of 75 posts
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#2I wanted a place where I could write down my thoughts without them being stored in the cloud or connected to an account (notes, onenote, evernote, docs, paper, gist, etc). I don't really like terminal text editors, notepad, or IDEs for writing, so I made this very simple notepad. It's a html tag with the contenteditable attribute making it editable, and some .
To save a note just store it on disk (cmd/ctrl+s). To add images, drag and drop them onto the text area. Remove the contenteditable attribute from , save, and voila, you now have a static lightweight blog post ready to be published! Formatting can be a bit wonky but should work in some browsers (cmd/ctrl+b/i/u). Copy+pasting formatted text can potentially break things a bit.
The two colors are from Solarized. Feel free to download the file and update style/markup to your preference.
Some ideas/variations:
Dark theme: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/dark.html
Serif: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/serif.html
HN theme: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/hn.html
With heading: https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/with-heading...
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#3I wanted a place where I could write down my thoughts without them being stored in the cloud or connected to an account (notes, onenote, evernote, docs, paper, gist, etc). I don't really like terminal text editors, notepad, or IDEs for writing, so I made this very simple notepad. It's a html tag with the contenteditable attribute making it editable, and some . To save a note just store it on disk (cmd/ctrl+s). To add…
Really cool idea! In what browsers is dragging images to contenteditable supposed to be supported? I'm on Chrome 66 and it just opens the image in the current tab.
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#4I wanted a place where I could write down my thoughts without them being stored in the cloud or connected to an account (notes, onenote, evernote, docs, paper, gist, etc). I don't really like terminal text editors, notepad, or IDEs for writing, so I made this very simple notepad. It's a html tag with the contenteditable attribute making it editable, and some . To save a note just store it on disk (cmd/ctrl+s). To add…
Really cool idea! In what browsers is dragging images to contenteditable supposed to be supported? I'm on Chrome 66 and it just opens the image in the current tab.
fyi, did some quick testing (I was also curious about image dragging):
Pale Moon 27.9: Image conversion to base64 worked perfectly
Dooble 1.50: creates clickable link (file:///home/user/.../filename.jpg)
Midori 0.5.11: creates NON-clickable link
Otter 0.9.09 beta 9: creates clickable link
Chromium 65.0.3325.181: opens new tab
Opera 45.0: opens new tab
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#5It's a nice idea, but what is the advantage over windows notepad (or equivalent on other OSes)?
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#6I wanted a place where I could write down my thoughts without them being stored in the cloud or connected to an account (notes, onenote, evernote, docs, paper, gist, etc). I don't really like terminal text editors, notepad, or IDEs for writing, so I made this very simple notepad. It's a html tag with the contenteditable attribute making it editable, and some . To save a note just store it on disk (cmd/ctrl+s). To add…
Really cool idea! In what browsers is dragging images to contenteditable supposed to be supported? I'm on Chrome 66 and it just opens the image in the current tab.
Works for me in Firefox (61.0b2).
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#7You can always type `data:text/html, ` on your browser :)
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#8Note to others: click on the screen and you'll see a cursor.
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#9It's a nice idea, but what is the advantage over windows notepad (or equivalent on other OSes)?
I haven't tried the subject of this thread, but since I upgraded to Windows 10, the notes application has become ridiculously slow. Sometimes I have to wait, and wait, for it to respond to clicking or typing. I assume because it's doing some sort of network/AI enabled nonsense.
Re: Show HN: ~200 byte in-browser, no JS, private notepad
#10I wanted a place where I could write down my thoughts without them being stored in the cloud or connected to an account (notes, onenote, evernote, docs, paper, gist, etc). I don't really like terminal text editors, notepad, or IDEs for writing, so I made this very simple notepad. It's a html tag with the contenteditable attribute making it editable, and some . To save a note just store it on disk (cmd/ctrl+s). To add…
Looks like this mainly works best for FireFox