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.
I feel like Hnpickup is cheating though. But I'm glad you saw mine and too many features is a totally legit reason to not use it. In fact, sometimes you just want to make your own thing no matter what's out there.
You don't actually need hnpickup. Just remember to post in the morning or late evening PST.
Since we're here: I'm immediately put off from writeapp for two very simple reasons: 1) very cluttered homepage, everything is extremely verbose 2) requires sign-up (and no OAuth) before I can see anything.
Can you imagine github's homepage with a "Publish git repositories and make them available for co-workers and contributors to commit, track issues and send patches to" in big bold letters? You are in desperate need of better copy.
The actual app is nice, I prefer it's UI over the OP's. Other issues: Museo in the preview doesn't look that good, the options button is not working, and I can't figure out how to get a public link to a post.
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.
Actually, that makes me think - a feature suggestion if possible, would be to "lock" a markdown file to editing (only Preview mode available), and require a password to edit.
This would make the app super useful for a quick-and-nasty publishing solution (similar to gist or pastebin, but also for random thoughts). Good luck!
I followed the link to try to edit it (I wasn't going to save it, I was just curious) and I have to say that on second use, I'm having trouble figuring out how to move from Preview mode to edit mode. Clicking outside the content area seems to move it into preview mode but then no matter what I try I can't get anything editable again.
Maybe its just my OS/browser combo or something. Maybe adding a few instructions somewhere would help.
Right, I got the empty margin thing but it seems to behave pretty inconsistently for me. I'm using a pretty small screen. Maybe that's the deal? 11 inch Macbook Air. I don't know. Maybe it's probably one of those real isolated problems.
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!
Right now, I don't really have any plans. But if it gets popular enough and if people would actually pay for it, then maybe a hosted service might happen.
Pencil uses markdown.js to render markdown. Unfortunately markdown.js does not yet have support for the Redcarpet dialect (a.k.a. Github Flavoured Markdown) which supports auto-linkifying. I'll probably fork markdown.js to add Redcarpet support sometime soon.
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.