V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jiyinyiyong
V2EX  ›  分享创造

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

  •  
  •   jiyinyiyong ·
    jiyinyiyong · 2013-01-24 20:45:23 +08:00 · 3276 次点击
    这是一个创建于 4322 天前的主题,其中的信息可能已经有所发展或是发生改变。
    上个星期写篇文章玩的时候整了这个编辑器, 今天修了个样式的问题:
    请用 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..
    5 条回复    1970-01-01 08:00:00 +08:00
    iwege
        1
    iwege  
       2013-01-25 11:40:54 +08:00
    写长了之后,怎么滚呢?

    我想看预览下面的内容,现在我鼠标离开了,我就没办法滚动文章预览了...
    Hysteria
        2
    Hysteria  
       2013-01-25 12:55:39 +08:00
    这个貌似预览确实有点问题= =。
    Hysteria
        3
    Hysteria  
       2013-01-25 12:56:31 +08:00
    呃,原来要点左边的close editor,话说我以为这个是关闭页面的说。
    jiyinyiyong
        4
    jiyinyiyong  
    OP
       2013-01-26 20:03:31 +08:00
    呃, 是啊, 要不就可以不用这个唯一的按钮了..
    另外直接光标滚动到下边应该是可以运行的, 我调用了 `scrollToViewIfNeeded` 函数
    Close Editor 就是为了浏览完成以后的效果加上去的
    jiyinyiyong
        5
    jiyinyiyong  
    OP
       2013-01-26 20:04:57 +08:00
    证书错误, 现在大概无法加载模块 --! 打开控制台能看到报错啦
    相关的帖: http://v2ex.com/t/58875
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4964 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 09:59 · PVG 17:59 · LAX 01:59 · JFK 04:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.