Mods, please put back the word SideProject into the title. I don't want people thinking this is a hosted service or something like that. On a related note, why was the post title modified at all?
For reference, the original title I submitted was 'Show HN: Sideproject - I built a distraction free Markdown editor last weekend'. Seriously, the moderating is getting quite heavy handed here.
Okay, so I have to say I'm totally jealous right now! I made the exact same thing for the exact same reason, with the exact same basic idea behind it, submitted it 3 times, and got just about no attention. On top of that, this interface is better so I'm jealous of that. Mine even has a few more bells and whistles. (I'm doing it, I'm gonna shamelessly plug it right here - shamelessly - https://writeapp.me).
But despite my jealousy and, I must admit, bitterness, I have to say nice work. I (hate to say :) ) I really like this.
Glad you like it :) I actually did see your app during mmy search for the best distraction free editor, but then I decided it had too many features for me, and I really did not want to signup to use it. So thats why I made Pencil.
Btw, you should totally use hnpickup to find the correct time to submit to HN. Worked like a charm for me.
The "Saved!" dialog gets a little pesky when repeatedly clicking around or focusing/unfocusing. I think it could just be displayed somewhere on the screen.
But I love the editor - congrats!
If you feel like going more advanced, it'd be amazing to be able to edit while in preview mode - this could be done with contenteditable I think, and the changes merged back into markdown when exiting preview mode...
Yeah, I could probably put it in the corner same as the Previev mode indicator. Good idea, will get to it.
As for editing in the preview mode, that kinda goes against the whole reason I made this. I want it to be simple and minimal. Markdown also happens to be great for writing, since it doesn't look too different from plain text, ergo you don't get distracted by how your text looks.
1. It's not a button. It's just a label to indicate that you're in preview mode. You get in and out of preview mode by hitting ctrl+p or clicking the empty right margin.
2. It inserts a tab when you hit shift+space. I initially put this in because I thought it would be an easy way to get tabs on the iphone, but apparently the ios shift key is not really a sift key so it doesnt work on the iphone anyway. Have to remove this.
3. Ctrl+s or click the empty left margin to save. The repeat prompt will be changed to prompt on first save only soon.
What I look for in a great online markdown editor? Since that is plaintext editor, it should behave like one.
You should give it distinctive syntax higlighting feature. Ace, for example, is great with that. You should provide easy way to indent/unindent text blocks with four spaces (tab and shift+tab). Operations with selections (linkify selected text, turn current paragraph into code section or, if i may, header).
Also, images. See latest Github take on images drag'n'drop [feature][1]. That would, of course, require server-side support.
I can write markdown in textarea. But I'd rather do that in proper editor which more or less looks and acts like one :)
What is Markdown specific about this? Using Chrome stable on Win 7, I don't see any of the Markdown I'm typing being converted or doing anything other than sitting there, being Markdown code.
On the topic of Markdown.. here is previewer I wrote a while back: http://marky.devel.io It includes a few extensions for my common needs (click the Show Example link in the preview area). It comes in handy for seeing how things _will_ look (like GitHub READMEs) or for creating quick syntax-highlighted code samples for copy and pasting into slide decks.
As much as I like the minimal/darkroom approach of OP's (et al.) idea, the constant swapping between preview and edit is painful, this calms me. Let's embrace reactive transparent update (BrettVictor style).
: the update delay is a tiny bit high for my taste, or maybe just lacks communications/notifications, a tiny gizmo (spinner, led, hud..).
This is sweet. I have a small suggestion. Can you make it use a fixed-width font in the editor by default? Or maybe a way to set the font? Ubuntu Mono, Monaco, etc. would be make it so much nicer.
I noticed this when I tried to do this:
Markdown
========
but the = signs weren't lining up. Drives me nuts! (I must have OCD ;-)
Personally, I find fixed width fonts terrible for readablity. In fact, I even use proportional fonts in my text editor (while programming). It has really helped me a lot, esp. given my weak eyesight. So, no I am not going to put fixed width fons in there. But hey, it's open source. Fork and change to whatever font you prefer :)
Well, there are a few ugly bits in it, should be a couple of hours work to clean and document. I'll get around to it either this weekend or the next. Glad you liked it.
Nicely done. However, I would strongly recommend making all links from preview mode open in a new tab, since you lose all unsaved progress whenever you navigate away. Or you could do an "onbeforeunload" check instead.
Very good idea, if you will open source it i'll consider using it as standard interface on a project i have (with your permission obviously :))
That said, awesome job!
[+] [-] chaosprophet|13 years ago|reply
For reference, the original title I submitted was 'Show HN: Sideproject - I built a distraction free Markdown editor last weekend'. Seriously, the moderating is getting quite heavy handed here.
[+] [-] bpatrianakos|13 years ago|reply
But despite my jealousy and, I must admit, bitterness, I have to say nice work. I (hate to say :) ) I really like this.
[+] [-] chaosprophet|13 years ago|reply
Btw, you should totally use hnpickup to find the correct time to submit to HN. Worked like a charm for me.
[+] [-] spindritf|13 years ago|reply
[+] [-] josscrowcroft|13 years ago|reply
But I love the editor - congrats!
If you feel like going more advanced, it'd be amazing to be able to edit while in preview mode - this could be done with contenteditable I think, and the changes merged back into markdown when exiting preview mode...
[+] [-] chaosprophet|13 years ago|reply
As for editing in the preview mode, that kinda goes against the whole reason I made this. I want it to be simple and minimal. Markdown also happens to be great for writing, since it doesn't look too different from plain text, ergo you don't get distracted by how your text looks.
[+] [-] josscrowcroft|13 years ago|reply
http://pencil.asleepysamurai.com/hag56udxkx#p
If someone edits it I suppose it'll no longer be there, but so be it!
[+] [-] chaosprophet|13 years ago|reply
1. Fixed the space+shift=tab bug.
2. Fixed the inconsistent mode jumping and saving bug.
3. File Saved prompt is only shown the first time the file is saved. For subsequent saves, a label is displayed in top left corner.
4. Links are opened in a new tab so as not to lose unsaved work.
Also, I have cleaned up the code slightly and open sourced it using the MIT license. [https://github.com/asleepysamurai/pencil]
Fork, change and send me a pull request and I'll gladly look into it.
[+] [-] ricardobeat|13 years ago|reply
- I have no idea how to make 'preview' button come up (and it doesn't look clickable when it does)
- Sometimes it inserts a tab character instead of a space in the middle of a sentence
- What causes it to save and how do I avoid the repeat prompt?
- How do I get the URL for sharing?
Overall it's nice, but it could do with some (auto-hide) UI for save/edit/preview.
[+] [-] chaosprophet|13 years ago|reply
2. It inserts a tab when you hit shift+space. I initially put this in because I thought it would be an easy way to get tabs on the iphone, but apparently the ios shift key is not really a sift key so it doesnt work on the iphone anyway. Have to remove this.
3. Ctrl+s or click the empty left margin to save. The repeat prompt will be changed to prompt on first save only soon.
4. The url to share is the one in the addressbar.
[+] [-] laacz|13 years ago|reply
You should give it distinctive syntax higlighting feature. Ace, for example, is great with that. You should provide easy way to indent/unindent text blocks with four spaces (tab and shift+tab). Operations with selections (linkify selected text, turn current paragraph into code section or, if i may, header).
Also, images. See latest Github take on images drag'n'drop [feature][1]. That would, of course, require server-side support.
I can write markdown in textarea. But I'd rather do that in proper editor which more or less looks and acts like one :)
[1]: https://github.com/blog/1347-issue-attachments "Github Issue Attachments"
[+] [-] lowboy|13 years ago|reply
[+] [-] chaosprophet|13 years ago|reply
[+] [-] bruth|13 years ago|reply
[+] [-] agumonkey|13 years ago|reply
: the update delay is a tiny bit high for my taste, or maybe just lacks communications/notifications, a tiny gizmo (spinner, led, hud..).
[+] [-] davvid|13 years ago|reply
I noticed this when I tried to do this:
but the = signs weren't lining up. Drives me nuts! (I must have OCD ;-)[+] [-] chaosprophet|13 years ago|reply
[+] [-] haldean|13 years ago|reply
[+] [-] chaosprophet|13 years ago|reply
[+] [-] jbranchaud|13 years ago|reply
[+] [-] jello|13 years ago|reply
[+] [-] chaosprophet|13 years ago|reply
[+] [-] jnar|13 years ago|reply
Very good idea, if you will open source it i'll consider using it as standard interface on a project i have (with your permission obviously :)) That said, awesome job!
[+] [-] arocks|13 years ago|reply
- Syntax highlighting, with subtle colors
- A dismissable help popup in the beginning
- Some means of getting a clean HTML output
[+] [-] huhtenberg|13 years ago|reply
[+] [-] Sami_Lehtinen|13 years ago|reply
[+] [-] gprasanth|13 years ago|reply
[Bam!](javascript:alert(1);)
[](Any url in here) should be xss cleaned. But it isn't!
[+] [-] evolve2k|13 years ago|reply
[+] [-] chaosprophet|13 years ago|reply
[+] [-] mkilling|13 years ago|reply
[+] [-] anonymouz|13 years ago|reply
[+] [-] obilgic|13 years ago|reply
[+] [-] scorpion032|13 years ago|reply