The Ghost design looks very polished. A shame to see the good efforts buried under marketing missteps.
The side-by-side authoring and editing is something I think a lot of folks are doing now in their personal blogs. For mine, I just used plain HTML rather than Markdown [1]. I wanted total control of the resulting markup. Beware, most people hate the background. Just fair warning.
The hard part for me was doing some trickery to scroll to and highlight the current paragraph in the live preview panel. I ended up inserting a "cursor" span that I locate in the preview panel and then scroll to that, find its containing block container, and add a class to that container [2].
I would hope it's done in JavaScript. And, based on the image uploading stuff, (you type something like `!image` and the preview adds in a drag-n-drop spot for an image), it looks like it.
The side-by-side authoring and editing is something I think a lot of folks are doing now in their personal blogs. For mine, I just used plain HTML rather than Markdown [1]. I wanted total control of the resulting markup. Beware, most people hate the background. Just fair warning.
The hard part for me was doing some trickery to scroll to and highlight the current paragraph in the live preview panel. I ended up inserting a "cursor" span that I locate in the preview panel and then scroll to that, find its containing block container, and add a class to that container [2].
[1] http://tiamat.tsotech.com/simplest-of-webapps
[2] http://tiamat.tsotech.com/images/tiamat-authoring-2012-10.pn...