14 ms·
Turn your browser into a notepad with one line
- ajanuary 14y agoSo "data:text/html, " is the new "about:" to do some inline html? Useful to know.
- jnorthrop 14y agoThat's pretty handy. In Chrome ctrl+b and ctrl+i bold and italics the text respectively. If I can get bullets that could be a nice replacement for the text editor I currently use for notes.
- sea6ear 14y agoThis is really useful. Thanks.
- blisterpeanuts 14y agoThanks for this nice trick. I have Emacs bound to ctrl-alt-E so can pop that up whenever I need a scratch pad (Linux, obviously), but this is just cool. I've bookmarked it.
- dredmorbius 14y agoVim for me, but same thing. Actually, hotkey bindings: vim, terminal, root terminal, mail, web, and bc.
- darxius 14y agoNow I just need some javascript to listen for Ctrl+S and save it as a text file in ~/Documents/scratchpads. Time to get crackin'
- gruseom 14y agoHow do you save stuff in files from the browser? I've googled around about this a couple times and not found anything good, so if anyone can point to some clear documentation I'd appreciate it.
- RaphiePS 14y agoI found this very helpful: http://www.html5rocks.com/en/tutorials/file/filesystem/ http://www.html5rocks.com/en/tutorials/file/filesystem/
- mmastrac 14y agoI'm on mobile so I can write to much accompanying text, but start here: http://www.html5rocks.com/en/tutorials/file/filesystem/ http://www.html5rocks.com/en/tutorials/file/filesystem/
- gruseom 14y agoThanks to both of you. I'll check it out.
- mrcoles 14y agoI don’t think that’s going to work, since the data URI is inherently local (and only works on Chrome), and you can’t use the Chrome file-system API or even localStorage when you're viewing a local file, unless chrome was opened with `--allow-file-access-from-files`
- ernestipark 14y agoNifty trick. To build on this, if you use chrome, add it as a search engine with a special keyword so you can type in your URL bar something like "note + <ENTER> + <TAB>" then you're in typing mode.
- darxius 14y agoYeah this is nifty. For the lazy: Name: note Keyword: note URL: data:text/html, <textarea style="font-size: 1em; width: 100%; height: 100%; border: none; outline: none" autofocus /> %s Of course, you could change the style of the URL. That's just what I defaulted to.
- pax 14y agofor the really lazy, keyword: '..' ('//' doesn't work :)
- franze 14y agohi, here is my final version i use name: note keyword: n URL: data:text/html, <html><head><script>function placeCaretAtEnd(el) { el.focus(); if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") { var range = document.createRange(); range.selectNodeContents(el); range.collapse(false); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); } else if (typeof document.body.createTextRange != "undefined") { var textRange = document.body.createTextRange(); textRange.moveToElementText(el); textRange.collapse(false); textRange.select(); } }</script><style> html{background-color:#CCCCCC;font-family: Monaco, Consolas, "Lucida Console", monospace;font-size:14px;color:#424242;line-height:1.4;max-width:60rem;margin:0 auto;}body{background-color:#F0F1F1;padding:100px;}</style></head><body contenteditable autofocus onload="placeCaretAtEnd(window.document.body);">we%20did%20this </body></html> it uses the "paper" look and feed and sets the focus to the end of the document so that you can just continue writing
- gpmcadam 14y agoIn fact, if you add the `%s` variable inside the HTML tag: data:text/html, <html contenteditable>%s This way, you can enter: note [tab] "foo bar baz" [enter] And whatever you enter as the search query ends up in the note to start with. Edit: Just saw the other response to this comment saying basically the same thing. Nevermind.
- suyash 14y agoBeautiful...what other nifty things can you do except for making the element 'contenteditabe' ?
- jQueryIsAwesome 14y agoIn unrelated news coderwall.com really needs good syntax highlighting. Is called CODERwall for God's sake.
- deleted 14y ago[deleted]
- alpb 14y agoLooks more like Notepad with font face attribute. data:text/html, <html contenteditable style='font-family: monospace'>
- shocks 14y agoVery cool. I like this guys implementation too. https://gist.github.com/4666256 https://gist.github.com/4666256 Perhaps an implementation with vim bindings support? :D
- jey 14y agoI just use a hot key that launches a gvim instance...
- JonnieCache 14y agoPersonally I'm more interested in the concept of typing gibberish to clear your mind. What particular kind of gibberish? Doggerel verse? Blind keyboard mashing?
- mikebridgman 14y agoI often do an exercise that I've started referring to as a "brain dump". Sometimes when I feel overwhelmed, for whatever reason, it helps to just simply start typing. I start by just saying whatever is most present on my mind, and each new thought starts on a new line. More often than not I end up drilling down to some kind of inner conflict buried pretty deep in my mind. What's really amazing is when seemingly unrelated stressful moments in your life are revealed to be from the same source.
- JonnieCache 14y agoThe thought of doing that is kindof scary. Who knows what I might end up typing!? Of course, this is probably a reason to do it.
- liljimmytables 14y agoI picked up on it from this site: http://750words.com/ http://750words.com/ It's rather cathartic, although you're right that letting your mind wander within a recorded stream sometimes means you write down some quite scary stuff, it's probably the same part of the brain that says "you could jump, you know" whenever you look over a high ledge
- ChuckMcM 14y agoApropos of nothing I believe this works because it frees up space in your brain. Sometimes, when I'm trying to get too much done at once, I'm stressed out by trying to keep to many things in the forefront of my thoughts at once. When I get stuck like that I create a scratch pad document with three 'zones' Doing: stuff I'm working on right now ToDo: Stuff that I know needs to get done Done: Stuff that is now done. Start by dumping everything I'm thinking of in 'Todo' and pick one and put it in Doing and while I'm in the middle of doing it when I think thoughts like "oh and this should really do x" I add that to the Todo pile and go back to doing. Each time I finish of the 'Doing' task I scan the todo list, move anything I need to into Done and pull one up for the Doing pane. By externalizing the bookkeeping of all the things I'm trying to keep straight in my head I free up cycles to actually work on something.
- anxrn 14y agoVery neat. Is there a way to only do plain text?
- mmastrac 14y agoTry <textarea> instead of <html...
- stevetursi 14y agoThanks. Just expanded on that idea and did one of these: data:text/html, <textarea style="border: 0px; width: 100%; height: 100%; background-color: #F8F8F8">
- gootik 14y agoThat's a very clever hack! I've also been using this http://pencil.asleepysamurai.com/ http://pencil.asleepysamurai.com/
- Cushman 14y agoFor even more fun, turn your notepad into an interactive JavaScript environment: data:text/html, <html contenteditable onkeyup="eval(this.innerText)"> Then you can upgrade it by pasting in something like this: this.onkeyup = function () { this.style.backgroundColor = 'white'; try { eval(this.innerText); } catch (e) { this.style.backgroundColor = '#FFAAAA'; } }
- pestaa 14y agoThis is clearly awesome. First thing I did? Got into infinite loop. This is not exactly a good interactive console for JavaScript, but still very fun.
- Cushman 14y agoI think I like it because of how weirdly constrained it is. Especially when you're writing something that will overwrite the handler itself, it's easy to get yourself stuck in a loop or a strange dead end.
- christiangenco 14y agoTyping `alert("hi")` was a bad choice.
- shurcooL 14y ago
- natural219 14y agoI use Workflowy for this. In the url bar, I type: w <enter> Or, if you're a a super-organized shortcut-type, w <enter> <esc> "@misc" Bonus points -- combine with ctrl+T and ctrl+W for command-line-fu-like syntax on whichever page you're currently browsing!
- javajosh 14y agoI use workflowy too, but I'm not sure what you're talking about. `w <enter>` is going to send you to the first site with w in the name (which in my case is 'wikipedia.com' - I have to type 'wor' for workflowy.com to be selected). The `<esc> @misc` part also doesn't make sense. That just does a search for tags, it doesn't put you in a mode to just write, which is what the OP's solution does. Last but not least, a little pro-tip for ya, since you like the command line (or keyboard shortcuts as they are also called:) : Command-L puts the cursor in the location bar. So you can do <cmd>+L w <enter>. Also, shift back to a previous tab with cmd+shift+[ and +].
- natural219 14y agoI'm simply describing my workflow -- Workflowy is easily my #1 "w", so that's why this works for me. Probably not very helpful -- I just thought I'd illustrate the "exact" same steps I take to achieve the same effect. Same goes for "@misc". When I want to brain-dump some gibberish, as in the OP's use case, the @misc tag contains a big dump of stuff that I generally refine or delete later. I don't know why I don't use ctrl+l -- i usually use ctrl+e or ctrl+k and then backspace (why do these do the same thing in chrome?). But yeah, thanks for the advice.
- shurcooL 14y agoI used to do WinKey+R whenever I needed to type or paste some plain text, when I was using windows.
- e1ven 14y agoVery clever! I set this as the default URL for new tabs.. Now, everytime I open a new tab, I have a quick scratchpad for pasting/testing/etc.
- muzzamike 14y agoThat's a great idea, did you do it for Chrome? Seems like with Chrome it's non-trivial to set the page for new tabs...
- idroppedthesopa 14y agoYou could use this Chrome extension: https://github.com/jwaterfaucett/textpad https://github.com/jwaterfaucett/textpad
- e1ven 14y agoI'm back to Firefox. I like Chrome, but I get bored of using the same browser for too long ;) In FF, you can do it with about:config Just set "browser.newtab.url" to the page mentioned in the original link.
- stephth 14y agoYou can set it as the homepage (enableable in Settings). It adds an extra step after opening a new page (either clicking on the home icon or shift-cmd-h) but I prefer that to replacing the default Chrome page (with its Most visited and Recently closed menus).
- sfard 14y agoI know it's not the point of the post, but you can also use http://throwww.com http://throwww.com
- cooop 14y agoForgive me for the shameless plug...but thought this might be useful for other HNers and related to OP. I put together a little project that uses the browsers localstorage so you can jot notes down and come back to them, I find it useful as I'm always in the browser, hope you do too: http://a5.gg http://a5.gg
- roryokane 14y agoI occasionally use a similar online tool, complementary to yours: http://notepad.cc http://notepad.cc. It stores each note online at its own URL, instead of per-computer at just the root URL. That lets you retrieve and edit notes across multiple computers. I mainly use notepad.cc if I’m using a someone else’s computer or a public computer and want to send some links or a note to myself.
- zevyoura 14y agoFYI local storage is not reliable, so you may want to think about a fallback, or at least putting a disclaimer explaining that what you write will probably but nitndefinitely still be there when you come back.
- cooop 14y agoGood call. I intend it's use to be temporary for that reason e.g. quickly scribble down a phone number/website/name etc to refer to asap.
- zevyoura 14y agoMakes sense, and I like the simplicity of the design quite a bit. Maybe one way to augment it would be to add a button that throws the content into a gist/pastebin.something similar, so it could be more easily shared or preserved? Of course, it's a fine line between that and having social media buttons all over.
- donniezazen 14y ago750 Words[1] is a great tool for clearing your mind. 1. http://750words.com/ http://750words.com/
- WA 14y agoInteresting concept, but Facebook login + my (unique) real name (yes, there's only one of me in the whole world) + unencrypted PRIVATE journal with subconscious gibberish + possibly my email address = privacy hell. I'd rather install this thing on my private webserver.
- donniezazen 14y agoThe analysis that 750 words does is very unique and interesting. You don't have to connect it with Facebook or your real name. You may create an anonymous account. Personal computer are very prone to failure. You will have to save your information somewhere on the cloud. They all shady. It is a compromise that you have to make based on your best judgement.
- WA 14y agoLook, I wouldn't enter personal data anywhere on the internet. If I write 750 words a day, I write about personal things that could be clearly related to me (by name or by my company name). I can't take that risk. Not because the guy behind 750words is not trustable. I don't know him. But because I have no idea whether or not his webserver is secure enough, whether or not he stores his FTP password somewhere in plaintext on his mobile or his laptop. It doesn't have to be him who is the weakest link in that security chain. What I don't get from your posting is the second part. Personal computers aren't prone to failure at all. I never had a single HDD crash. I backup my data on a second HDD just in case. It's incredibly unlikely that my data is going to be lost and that the cloud is the only solution for that. So, there's clearly no compromise for me. Rule is: No cloud, no internet service for private data. And heck, I don't even use any analytics software or other software on my company website that I cannot self-host.
- 14y ago
- nextstep 14y agoWorks well on Mobile Safari.
- simonsarris 14y agoAh shoot. If Chrome allowed localStorage to be accessible from file:/// then we could add save (CTRL+S) and automatic load using this: data:text/html,<html><script>window.onload=function(){var a=document.body;a.innerText=localStorage.mydoc;a.addEventListener("keydown",function(b){b.ctrlKey&&83==b.which&&(localStorage.mydoc=a.innerHTML,b.preventDefault())},!1)};</script><body contenteditable></body></html> Firefox will save it to localStorage but clear the local storage afterwards. Weird. Oh well. At least we can still turn our (Chrome) browsers into desktop calculators by pressing CTRL+SHIFT+J! (If you want the un-minified version of the code I wrote: http://jsfiddle.net/d5sGq/ http://jsfiddle.net/d5sGq/)
- mikegirouard 14y agoIf you can sacrifice the automatic load, simply hitting C-S will allow saving a hard file to disk. What's particularly nice about this is that when re-opened, they are still editable.
- csel 14y agoEven the simple File - Save Page As and save as a txt file saves a lot of time for me. I know it adds more clutter but beats opening a new app just to type few things.
- nitrogen 14y agoFirefox has Ctrl+Shift+K for its web console. It's not as polished as Chrome's, but at least allows running JavaScript in the current page.
- jfaucett 14y agoThat is so cool :). I just slapped together a (really) simple chrome ext for opening up a new tab in "contenteditable" mode. It saves the contents into localStorage, thats it for now :) Here it is if anyones interested https://github.com/jwaterfaucett/textpad https://github.com/jwaterfaucett/textpad
- dirkk0 14y agook - and how do I retrieve the saved contents?
- tikhonj 14y agoThis is what the scratch (EDIT: read scratch as * scratch * without the spaces--is there any way to escape that properly on HN?) buffer is for in Emacs, and I find it extremely useful. Also, unlike using a different tool, it allows me to use all the Emacs-specific features I usually rely on. (For example, I can easily type special characters like r₁ × r₂ ≈ r₃ using the TeX mode.) If you want more than one scratch buffer--which happens to me once in a while--you can just create a new buffer with any name, and it will also do. New buffers are in a different mode by default, but you can set it up to work exactly the same way as scratch if you want. As another commenter pointed out, you can use the browser to evaluate JavaScript. Emacs lets you do the same thing with elisp in the scratch buffer by default: try entering in an elisp expression and pressing C-j. Just a fun alternative to this trick for the Emacs users around here :).
- deleted 14y ago[deleted]
- lukes386 14y agoThere's also a "scratch" plugin for vim that offers similar functionality: http://www.vim.org/scripts/script.php?script_id=664 http://www.vim.org/scripts/script.php?script_id=664
- BHSPitMonkey 14y agoGeany has a built-in scratch pane, as well (along with a Terminal and some other handy panes that come included).
- lomendil 14y agoFor vim, I just open an unnamed buffer (:new). I think this is exactly the same as the scratch buffer in emacs.
- wfn 14y agoThe only differences being, when you close vim, the scratch buffer does not yield a save prompt, and also, if you open a scratch buffer, then close it, and then reopen it again with :Scratch during the same vim session, any leftover contents from before (but during that same vim session, of course) will be restored, which is neat/convenient. :) edit: misread your comment, thought you were comparing :new and :Scratch (linked above), not emacs' scratch. Not sure about that one, but again, the 'reopen scratch -> find leftover contents' functionality is a neat thing.
- dag11 14y agoThe nicest thing about this is that you can CTRL+S save it as a .html file, and then you can also CTRL+O load the file and it's still editable, and save it again!
- petercooper 14y agoReally? What browser? I just tried it in Chrome and it didn't save what I'd typed.
- TerraHertz 14y agoDoes not work in Opera. If you save as type: text, the text saves OK. But if you save as html, the file just contains " <html contenteditable>" Also, HOW to open an existing file while retaining 'contenteditable' mode? Everything I try alters the URL field, so returning the browser to standard display-only mode.
- Too 14y agoNice gimmicky hack but not so practical. Just pin notepad/your favorite editor to the taskbar(win7+) and open it with win+shift+[whatever number that corresponds to the position you placed notepad on the taskbar]. Much faster and much more powerful.
- sturmeh 14y agoIt's another window which isn't tab-bound to the browser.
- dredmorbius 14y agoOh, you're one of those Mac types. You should still be able to navigate to that alternate app readily. I find it easier to navigate to a clearly identifiable text editor session (Linux) than try to track to a specific tab somewhere within my multiple browser windows (on multiple workspaces ...).
- malkia 14y agoWorks on Safari, Chrome, Firefox, but not in IE
- robertomb 14y agohttp://dontpad.com http://dontpad.com can help you guys! :) Minimal and disposable browser notepad with friendly URLs being used to save/password protect files.
- iso-8859-1 14y agoIn the summer of 2011 an infinite textarea was posted to HN. You'd be in replace mode per default, and you could share it by URL. It would automatically save. I'd be delighted if someone knows its name.
- mrcoles 14y agoI think the best part is how short and elegant it is. I assume a lot of people won’t realize you can bookmark that URL since it looks so weird. Also, once you’re bookmarking, you can cheat and put more logic into the page. I made a slightly improved one with a dark background and larger font (hard to post the link on HN, so on a separate page): http://mrcoles.com/one-line-browser-notepad-bookmark/ http://mrcoles.com/one-line-browser-notepad-bookmark/
- shmerl 14y agoThe second scratch+ doesn't work (Firefox 18.0.1). This one works (# is breaking it really): data:text/html, <html><head><style>html,body{background:%23111;color:%23fff;font: normal 16px/24px "Helvetica Neue",helvetica,arial;}body{padding:24px 48px}</style></head><body contenteditable><script>document.body.focus();</script></body></html>
- taylorbuley 14y agoNow I just need to code up a quick "send to Gist" bookmarklet and I'm set.
- pla3rhat3r 14y agoThis is the best post since Al Gore invented the internet!
- kenshiro_o 14y agoAwesome command. Now in Windows I won't have to do Start Key + R, then type "notepad"... The browser is the new OS!
- ajross 14y ago> Sometimes I just need to type garbage. Just to clear out my mind. Using editors to type such gibberish annoys me because it clutters my project workspace (I'm picky, I know). This is a hack and a workaround. The bug is clearly using an editor restricted to editting files in a "Project Workspace". Yikes. Everyone has their own workflow, and they're all insane (for myself, I have an emacsclient wrapper that when called without a file will create a unique name under ~/.emacsclient-scratch and edit that -- so I never lose anything I know I was typing at one point). Still... this just seems like a really bad solution. You get an "editor everywhere" but it's the default editor in your browser. Ick. It's cute though.
- zrail 14y agoThat's a really good idea, thanks. I have `e` aliased to `emacsclient -nt` but there's no reason why it couldn't make scratch files if not given an argument.
- vette982 14y agoExtremely useful! I'm getting tired of opening Sublime, TextMate, or even worse, Notes.app or Stickies.app.
- homosaur 14y agoI'm actually surprised this link got this much traction, I actually thought this was a thing that most developers were aware of. Shows you that you ought to reconsider when disseminating information that you as a learned developer think is "too basic" to bother writing about.
- whichdan 14y agoTo be fair, I knew nothing about contentEditable until I sat down and tried to design my own RTE. It's actually very cool how little it takes to develop one that works, and FontAwesome makes it even easier. I would definitely consider it obscure. As an aside, it's really interesting to look at the source for Ace[1]. It doesn't use contentEditable, but certainly represents the sort of complexity we'd need without contentEditable available. [1] http://ace.ajax.org http://ace.ajax.org
- cunninghamd 14y agoI do this 2 ways: 1) I have a constant editor opened with a Notes.txt file, so I can save it. 2) I use Sublime Text 2 which maintains the state regardless of whether I've saved the file or not, and is extremely cross platform.
- msoad 14y agoBookmark this text editor I just made: * Dark background * Tabs work as they suppose to! <pre> data:text/html, <style>*{padding:0; margin:0}</style><textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none; background: #111; color: #eee; padding: 10px;" autofocus onkeydown="if(event.which==9){ this.value += ' '; return false;}" /> </pre>
- larrys 14y agoI like that. Possible to add a button that brings up the save dialog in a particular directory (as opposed to cmd-s and choose directory?) Or just the button (just happen to prefer to cmd key myself)?
- JacobIrwin 14y agoAfter some mix-and-matching of the awesome code snippets posted in the comments, I came up with something easy on the eyes (with a nice little color transition (for webkit-enabled browsers): data:text/html, <html><head><link href='http://fonts.googleapis.com/css?family=Lato:100,200,300,400,700,400italic,700italic http://fonts.googleapis.com/css?family=Lato:100,200,300,400,... rel='stylesheet' type='text/css'><style type="text/css"> html { font-family: "Lato"; color:#e9e9e9; background-color:#222; } * { -webkit-transition: all linear 1s; }</style></head><body contenteditable style="font-size:2.2em;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">
- stephth 14y agoThank you. I've tweaked it to my preferences. I've gotten in the habit of writing with a black on light grey monospaced font. Removing the web font dependency (and the transition, again matter of taste) made the page snappier. data:text/html, <html><head><style type="text/css"> html{background-color:#CCCCCC;font-family: Monaco, Consolas, "Lucida Console", monospace;font-size:14px;color:#424242;line-height:1.4;max-width:60rem;margin:0 auto;}body{background-color:#F0F1F1;padding:100px;}</style></head><body contenteditable>Poop.</body></html>
- Zarel 14y agoHere's a version that can be copy/pasted: data:text/html, <html><head><link href='http://fonts.googleapis.com/css?family=Lato:100,200,300,400,700,400italic,700italic rel='stylesheet' type='text/css'><style type="text/css"> html { font-family: "Lato"; color:#e9e9e9; background-color:#222; } * { -webkit-transition: all linear 1s; }</style></head><body contenteditable style="font-size:2.2em;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">
- psteinweber 14y agoany ideas how to smartly send the written things to evernote? the webclipper doesn't work.
- epochwolf 14y agoWhy don't you just log in to evernote and take a note there?
- iandanforth 14y agoSlightly slower but I use this etherpad clone: piratepad.net/[gibberishstring] It's totally public though and there is no way to delete pads, so use with caution.
- adjin 14y agoi bookmarked it as 'notes'
- IdealEthos 14y agoS.I.T. = Shit Is Tight
- symkat 14y agoI do this in terminals: cat > /dev/null Type whatever you want, then control-D to end.
- oftenwrong 14y agoThat is a UUOC. This... > /dev/null ...does the same thing.
- tedunangst 14y agoNo, it doesn't. It just drops you to another shell prompt.
- jasonm23 14y agoNot in zsh it doesn't. (tip: it's a zsh thing.)
- tedunangst 14y agooh, well, unspecified shell snippets are usually assumed to be some bourne derivative, in which case the cat is necessary.
- jasonm23 14y agoAgreed, just adding the caveat.
- oftenwrong 14y agoMy bad.
- Skoofoo 14y agoThe contenteditable element is neat for quickly turning HTML elements into a notepad, but scripting custom functionality into it (creating a header after pressing enter twice, etc.) was a huge pain in my experience.
- shaggyfrog 14y agodata:text/html, <html contenteditable>ATARI COMPUTER - MEMO PAD</html> Ah, much better.
- infinity 14y agoYes :) I have added some color: data:text/html, <html contenteditable><body style='background-color:rgb(0,81,129); color:rgb(93,180,227);font-family:monospace;font-weight:bold'>ATARI COMPUTER - MEMO PAD</body></html>
- sergiotapia 14y agoThis + Ruby syntax highlighting. https://gist.github.com/4666256 https://gist.github.com/4666256
- icpmacdo 14y agoVery cool!
- Freestyler_3 14y agoI just hit F4 and click on my notepad. (opera) What's the advantage of this guys way?
- Tomis02 14y agoIt's not an advantage, it's catching up.
- windsurfer 14y agoDoes anyone else feel wary of typing any data: URIs into their browser? It might seem safe, but how can you know?
- jkd 14y agopolished version you can use https://github.com/tholman/zenpen https://github.com/tholman/zenpen http://zenpen.io/ http://zenpen.io/
- maskedinvader 14y agoif you want something more like this, chrome notepad [1] seems like a good app that lets you sync notes across multiple devices using google account sync 1]https://chrome.google.com/webstore/detail/chrome-notepad/ffbhefmlcoihbjcmibbfkocmnaiacinp https://chrome.google.com/webstore/detail/chrome-notepad/ffb...
- darxius 14y agoYou know what's the most amazing about this? The amount of community collaboration its driven. I saw this post when it was on the "new" page and had no comments. Coming back a couple hours later, I can see tons of people doing some tinkering on their own and sharing their finds back here. I dunno, just something I noticed which I think is completely awesome and indicative of the benefits of open-source and open-knowledge.
- Nilzor 14y agoBut... Why? I know he tried to justify it in his post, but to me, having a save option FAR outweighs the "benefit" of having your notes in a browser.
- jasonm23 14y agoIt's almost like it's completely pointless... no? Coming soon, find out what happens when you 20 GOTO 10!!!
- TerraHertz 14y agoIt's cute, but I can't help observing that we're what, 70 years into the computer age, and there's still no ubiquitous, small, fast, clean text editor present by default on all personal computers. (DO NOT speak to me of Notepad.exe) So discovering that 'by accident' web browsers can act as a simple (but huge, bloated and feature-starved) text editor seems like a big deal. Personally I keep a simple, tiny, old freeware editor called Editpad 3.4, on every PC I use, accessed via desktop shortcut and 'right-click send-to'.
- DougBTX 14y ago"all" is tricky, there isn't a standard command on all computers to list the contents of a file, let alone edit. But even my WRT54G has vi installed on it, and you can expect to find emacs and vim on almost any *nix.
- epsylon 14y agoFirst thing I do on a new Windows machine is install Notepad2[1]. I highly recommend it, it greatly improves on Notepad.exe while keeping the spirit (simple, lightweight no bullshit editing). It can be configured to replace Notepad.exe automatically. [1]http://www.flos-freeware.ch/notepad2.html http://www.flos-freeware.ch/notepad2.html
- cfontes 14y agoWe just need to port all Sublime 2 features( 3 maybe) to JS and add as onload and I am set. :D
- ycuser 14y agoNifty code. Nice to know trick. Personally the usefulness ends there. Folks are adding in just about every little css,js goodies. Internet is an awesome place to throw a stone and see it gather mass.
- _quasimodo 14y agoI used to use a similar oneliner: data:text/html,<textarea style="height:99%;width:100%;" autofocus onfocus="this.value=localStorage['txt']" onchange="localStorage['txt']=this.value;">
- drucken 14y agoInterestingly, NoScript addon for Firefox brings up the following message on attempting the URL: "javascript: and data: URIs typed or pasted in the address bar are disabled to prevent social engineering attacks. Developers can enable them for testing purposes by toggling the "noscript.allowURLBarJS" preference."
- franze 14y agoi didn't know of contenteditable before, so 1000+1 thx. in my job i need to scribble above existing pages like crazy, so i mashed together this https://news.ycombinator.com/item?id=5140200 https://news.ycombinator.com/item?id=5140200 - a one liner / one unicode icon bookmarklet to liveedit any page.
- jaxb 14y agoThere's a similar hack floating around: javascript:document.body.contentEditable='true';document.designMode='on';void 0 (lets you edit currently loaded page.)
- TerraHertz 14y agoIt's about 10 years since I did any software development, and I only bother with surface tracking of web-languages progress. So a lot of this is news to me. Also maybe some of the posted 'improved versions' provide what I'd like with this 'contenteditable' thing. It'll take a while to try them all. Anyway... So far I don't see one crucial feature: the ability to load an existing file, and edit it. Am I stupidly missing something 'obvious'? Being able to edit text and save, but not load existing documents and edit them makes this a useless novelty. I did notice one suggestion to load a doc then use a short js command to switch to contenteditable. But that's not quite there. Ideally, a browser could be made to work like this: * Multiple ways to get it started: bookmark, desktop shortcut icon, url to public or private html page containing the config script. Once working like an editor it should stay that way, for multiple file load/saves and multiple tabs open. * An 'open file' for any existing plaintext or html file, loaded from local filesystem (via file selector popup or bookmark) or the web (type known url or use bookmark). * Ability to switch back and forth between three modes on the same document: raw plain ascii (no formatting), minimal formatting (B, I, U, bullets), and full html formated display. * A document 'save as' as plain text (formatting stripped) or html, to the local filesystem, OR (best feature yet) anywhere with write enabled on a public or private web server. * Nice if also handles encrypted load/save, so the doc is never in plaintext except on the local machine. With that, the big name 'cloud' services can go take a leap. I could use my own server(s), or ones I happened to trust. There is flatly no way I would ever trust large enterprise cloud services. Also, a tool like that which would allow editing on ANY machine with web access and local file r/w enabled for the browser, would be very useful for... things. It always astonished me that browsers did not provide the capability to natively edit the html they displayed. Such an obvious need, and you'd think so simple to implement, that I'd concluded the absence of this ability had to be a deliberate industry-wide agreed policy of capability avoidance. Which means, for political reasons.
- sesqu 14y agoThe File API is still kind of poorly supported, but you could add that depending on your browser (though you'd want to use an extension, since it'd be a bit more code). As for live-editing HTML, that's usually been considered out of scope for a web browser, and been pushed to authoring or debugging programs. Chrome ships with their developer console integrated, but IIRC Firefox still relies on extensions.
- PStamatiou 14y agodata:text/html, <html contenteditable><script>var t=prompt("what shall we name this file?","new");document.title=t;</script> ^ you can now hit ctrl+s to save the file with a real name