一个另类的基于 Marked(Node) 模块的 Markdown 在线编辑器
jiyinyiyong · jiyinyiyong · 2013-01-24 20:45:23 +08:00 · 3282 次点击这是一个创建于 4331 天前的主题，其中的信息可能已经有所发展或是发生改变。
上个星期写篇文章玩的时候整了这个编辑器, 今天修了个样式的问题:
请用 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..
请用 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..
 |
1
iwege 2013-01-25 11:40:54 +08:00
写长了之后，怎么滚呢？
我想看预览下面的内容，现在我鼠标离开了，我就没办法滚动文章预览了... |
 |
2
Hysteria 2013-01-25 12:55:39 +08:00
这个貌似预览确实有点问题= =。
|
|
3
Hysteria 2013-01-25 12:56:31 +08:00
呃，原来要点左边的close editor，话说我以为这个是关闭页面的说。
|
 |
4
jiyinyiyong OP 呃, 是啊, 要不就可以不用这个唯一的按钮了..
另外直接光标滚动到下边应该是可以运行的, 我调用了 `scrollToViewIfNeeded` 函数 Close Editor 就是为了浏览完成以后的效果加上去的 |
|
5
jiyinyiyong OP 证书错误, 现在大概无法加载模块 --! 打开控制台能看到报错啦
相关的帖: http://v2ex.com/t/58875 |
Select Language