一个另类的基于 Marked(Node) 模块的 Markdown 在线编辑器

[jiyinyiyong]

上个星期写篇文章玩的时候整了这个编辑器, 今天修了个样式的问题:
请用 Chrome 开吧: http://jiyinyiyong.github.com/article/06-use-gfm-please/page/
也是实时预览的, 不过我通过鼠标是否在文本区域上方来切换状态

有两个模式, textarea 的编辑模式, 还有 HTML 的预览模式..
比较另类的地方是我把光标位置同步到了 HTML 内容上, 一个 span 标签..
所以在预览模式下可以直接看着效果编辑文本, 而不用开文本框
左边的按钮用来关闭打开编辑状态

不足在于 span 标签在 pre 标签里是直接以代码显示的,
还有 span 出现在一些关键的语法上预览看起来就比较奇怪..
我没想到好的办法解决, 有没有高人指点一下怎么玩?

编译模块是 Marked: https://github.com/chjj/marked
我开启了 gfm 支持以及对应的换行支持
不晓得 Github 以外常用的 Markdown 编译工具是那个版本的...

里面那篇文章纯粹当 Demo..

[iwege]

写长了之后，怎么滚呢？

我想看预览下面的内容，现在我鼠标离开了，我就没办法滚动文章预览了...

[Hysteria]

这个貌似预览确实有点问题= =。

[Hysteria]

呃，原来要点左边的close editor，话说我以为这个是关闭页面的说。

[jiyinyiyong]

呃, 是啊, 要不就可以不用这个唯一的按钮了..
另外直接光标滚动到下边应该是可以运行的, 我调用了 `scrollToViewIfNeeded` 函数
Close Editor 就是为了浏览完成以后的效果加上去的

[jiyinyiyong]

证书错误, 现在大概无法加载模块 --! 打开控制台能看到报错啦
相关的帖: http://v2ex.com/t/58875