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

我从未见过如此优雅的 Markdown 编辑器 - EME

  •  
  •   Seita ·
    egoist · 2016-08-14 21:40:13 +08:00 · 18061 次点击
    这是一个创建于 2783 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有人还记得我 600 多天的轮子吗 ( http://v2ex.com/t/140281 ),这次我又给它造了个轮子。

    preview


    不管是否优雅,不过这的确是个 Markdown 编辑器,它支持:

    • GFM 语法
    • Math 语法
    • Vim 模式
    • 无干扰模式
    • 导出 PDF 图片等等
    • 多个 tab 支持
    • ...

    基于 Electron 和 Vue 开发,你可以来帮助它支持更多功能。

    关于 Electron 有很多人不喜欢,理由是太大、对电池不好等等,我可以提供一个解决方案,就是忽略这个帖子。


    EME 首页: https://eme.moe

    GitHub 页面: https://github.com/egoist/eme

    100 条回复    2016-08-30 23:53:49 +08:00
    ranran
        1
    ranran  
       2016-08-14 21:52:53 +08:00   ❤️ 8
    你们都是大牛,你们都手写代码,搞个工具栏都不愿意,还说是编辑器………………

    Markdown 的编辑器一个两个三个全是这样!

    我们这些菜鸟用不起你们的编辑器= =。
    Seita
        2
    Seita  
    OP
       2016-08-14 21:55:45 +08:00
    @ranran

    我的猫都会手写 Markdown ,感谢 aaron swartz
    loading
        3
    loading  
       2016-08-14 21:56:59 +08:00 via Android
    既然是 vue 的,为什么不先提供在线版本的…(你就把 vuejs 例子打了个包吧…)
    Seita
        4
    Seita  
    OP
       2016-08-14 21:59:07 +08:00
    @loading 就算不是 vue 的也是 js 的吧,也可以打包个 web 版本。

    Electron app 难道不都是把 web app 打个包? 当然这里面嵌入了一些需要 native 支持 的 API ,所以 web 版本将会是功能阉割版。
    steveshi
        5
    steveshi  
       2016-08-14 22:05:24 +08:00 via iPhone
    现在 macOS 上真不缺这东西……反倒 win 上少
    loading
        6
    loading  
       2016-08-14 22:06:27 +08:00 via Android
    我开玩笑说你其实就是简单把 vuejs 的官方例子打了个包…

    我对 electron 还是比较了解的。
    Seita
        7
    Seita  
    OP
       2016-08-14 22:07:36 +08:00
    @steveshi windows 可以用啊

    不过好像支持 tab 的 markdown 编辑器比较少 LOL
    little_cup
        8
    little_cup  
       2016-08-14 22:07:53 +08:00
    mac 上的 Markdown 编辑器简直快多得跟 Android/iOS 上的天气预报和计算器一样泛滥了……
    Seita
        9
    Seita  
    OP
       2016-08-14 22:11:27 +08:00
    @loading 那我用 react 是不是也是把 react 的例子打了个包 LOL
    Seita
        10
    Seita  
    OP
       2016-08-14 22:12:09 +08:00   ❤️ 1
    @little_cup 是的,我自己就贡献了三个
    16500682
        11
    16500682  
       2016-08-14 22:26:48 +08:00
    @ranran 需要工具栏那你为什么不用 Word 呢?
    xgfan
        12
    xgfan  
       2016-08-14 22:29:59 +08:00
    没看到眼前一亮的功能……
    看了 LZ 两个编辑器的 repo ,感觉弃坑速度太快了。
    loading
        13
    loading  
       2016-08-14 22:32:29 +08:00 via Android
    @Seita 你可能没看到 vuejs 的例子吧。
    Seita
        14
    Seita  
    OP
       2016-08-14 22:33:28 +08:00
    @xgfan 还好吧,上一个编辑器也维护了半年,都是以前写的代码太烂不好维护造成的,所以不如重写了。而且也并没有弃坑,它被这个编辑器继承了 XD
    Seita
        15
    Seita  
    OP
       2016-08-14 22:34:41 +08:00
    @loading 你在网上搜任意 markdown 大法好出来的基本都是左边编辑器右边预览的样子。
    loading
        16
    loading  
       2016-08-14 22:37:16 +08:00 via Android
    @Seita 算了,你可能误解了我的意思…我也就开个玩笑
    Seita
        17
    Seita  
    OP
       2016-08-14 22:41:24 +08:00
    @loading 🌝
    seeker
        18
    seeker  
       2016-08-14 22:49:28 +08:00   ❤️ 2
    Kilerd
        19
    Kilerd  
       2016-08-14 22:55:58 +08:00
    @Seita Typora
    meunicorn
        20
    meunicorn  
       2016-08-14 23:05:13 +08:00   ❤️ 1
    https://www.typora.io/
    我更喜欢这个
    allblue
        21
    allblue  
       2016-08-14 23:23:49 +08:00
    @steveshi 现在 win 上也不缺, 反倒....linux 上少..
    XhstormR
        22
    XhstormR  
       2016-08-14 23:33:52 +08:00
    windows 上的 MD 基本都是 Electron 打包,一个二个都 50M 起步,看着都不想用。

    有这个功夫还不如用 WEB 版,做的还比桌面的好。
    arrow2015
        23
    arrow2015  
       2016-08-14 23:39:05 +08:00 via Android
    好巧, Marp 也是用 Electron.
    ranran
        24
    ranran  
       2016-08-14 23:50:23 +08:00   ❤️ 2
    @16500682 我用 Word 啊,有什么问题?
    Artotria
        25
    Artotria  
       2016-08-14 23:53:51 +08:00 via iPhone
    果然也在这边发了个帖😂
    资磁!
    Seita
        26
    Seita  
    OP
       2016-08-15 00:07:26 +08:00
    @ranran 那很适合
    dphdjy
        27
    dphdjy  
       2016-08-15 00:26:00 +08:00 via Android
    看来只有我在折腾不用 Atom 套壳,写原生跨平台编辑器
    darluc
        28
    darluc  
       2016-08-15 00:35:24 +08:00
    @meunicorn 我也在用这个,😄
    ranran
        29
    ranran  
       2016-08-15 01:01:47 +08:00   ❤️ 1
    @Seita @16500682

    我说个简单的例子吧,大家都少一点拐弯抹角的讽刺好了。

    v2ex 的 textarea 发帖编辑器好用还是 Discuz 的发帖编辑器好用呢?就算人人都能手写 UBB 代码,我相信愿意用编辑器去方便的操作的人是极多的,只有极少数人坚持始终不用。
    jsthon
        30
    jsthon  
       2016-08-15 05:28:00 +08:00 via Android
    楼主吼啊!!很给力啊!!!
    sox
        31
    sox  
       2016-08-15 07:32:36 +08:00 via Android   ❤️ 1
    @ranran 没有讽刺,如果用 markdown 还要那些工具栏的话干嘛还用 markdown ,直接用个传统的所见即所得编辑器不就完了。这不是 markdown 的 design purpose
    16500682
        32
    16500682  
       2016-08-15 08:46:49 +08:00
    @ranran
    不是讽刺,你不用 Markdown 那为什么你要去喷相关产品呢?
    我在使用 Markdown 编辑器的时候可以完全使用键盘完成排版操作,不需要去浪费时间拿鼠标,对我来讲是不是节省了时间呢?
    lxrmido
        33
    lxrmido  
       2016-08-15 08:54:17 +08:00
    @ranran
    你看,各种前端 IDE 也没有点击生成 DOM 的工具栏
    missdeer
        34
    missdeer  
       2016-08-15 09:07:33 +08:00
    @dphdjy 拖延症晚期的我也在写啊 /t/79700
    Seita
        35
    Seita  
    OP
       2016-08-15 09:09:14 +08:00 via Android
    @missdeer 你这是代码编辑器吧。。
    ranran
        36
    ranran  
       2016-08-15 09:23:56 +08:00
    @16500682

    我没说我不用,少数时候还是需要用,每次都看一下用法,你可以手写,有工具栏也不会和你冲突啊,我已经举例了,真像 word 那么强大,纯手写的人绝对是极少数的。
    dphdjy
        37
    dphdjy  
       2016-08-15 09:31:14 +08:00 via Android
    @missdeer 完成度相当高 不过明显不是同一个东西~
    20160409
        38
    20160409  
       2016-08-15 09:43:17 +08:00 via iPhone
    优雅
    jellyshen
        39
    jellyshen  
       2016-08-15 09:45:39 +08:00
    看头像是帕克吧
    66beta
        40
    66beta  
       2016-08-15 09:46:34 +08:00
    楼上有几位讨论工具栏的实用性,我是这么认为的, Markdown 对于专业认识来说,任何一款编辑器都可以写(甚至装插件增强),但是对于外行来说,可以方便他们快速上手。

    好处就是鼓励外行也使用 Markdown 格式文件,最终受益的也是专业人士
    Seita
        41
    Seita  
    OP
       2016-08-15 09:47:38 +08:00 via Android
    @jellyshen 不是头像是 app icon 😂
    jellyshen
        42
    jellyshen  
       2016-08-15 09:50:42 +08:00
    @Seita 😂,顺便问一下怎么开启 vim 模式
    Seita
        43
    Seita  
    OP
       2016-08-15 09:52:01 +08:00 via Android
    @jellyshen 你看菜单里的 view 那一栏有,快捷键是 cmd/ctrl + i
    jellyshen
        44
    jellyshen  
       2016-08-15 09:54:18 +08:00
    @Seita 谢啦
    xingshu
        45
    xingshu  
       2016-08-15 10:01:50 +08:00
    挺好的
    就是头像有点吓人
    Seita
        46
    Seita  
    OP
       2016-08-15 10:04:34 +08:00 via Android
    @xingshu puck 哪里吓人😨
    strwei
        47
    strwei  
       2016-08-15 10:15:09 +08:00
    咳咳,有没有中文解决方案
    ychongsaytc
        48
    ychongsaytc  
       2016-08-15 10:16:57 +08:00
    Typora. 据说 1.0 版很快要出。
    Seita
        49
    Seita  
    OP
       2016-08-15 10:21:20 +08:00 via Android
    @strwei 你是说切换语言吗,现在没什么必要,预计 1.0 加上
    hantsy
        50
    hantsy  
       2016-08-15 10:33:14 +08:00
    我用 NotePad++ 挺好的。
    Seita
        51
    Seita  
    OP
       2016-08-15 10:34:54 +08:00 via Android
    @hantsy 推荐你用 atom
    ianva
        52
    ianva  
       2016-08-15 11:39:53 +08:00
    优点:
    有 vim mode 方便好多,之前用的都不支持 vim mode
    界面简单,那些 editor 功能真没必要,难看还不实用

    槽点:
    软件的图标是槽点,要逼的我自己换个图标,作者最好找人设计个
    ianva
        53
    ianva  
       2016-08-15 11:42:35 +08:00
    focus 那行灰色也略别扭
    Seita
        54
    Seita  
    OP
       2016-08-15 11:50:59 +08:00
    @ianva 感谢反馈,细节确实值得商榷,也许没有背景色好些。
    Seita
        55
    Seita  
    OP
       2016-08-15 12:02:19 +08:00
    @ianva OK ,那个灰色去掉了,确实好点 😅
    ianva
        56
    ianva  
       2016-08-15 12:13:36 +08:00
    @Seita

    1. vim mode 的那个命令模式,会显示 input 输入框但没这个功能,
    比如 vim 模式会依赖行号跳转,命令模式后 set nu 时候会报错
    vim 行号还是挺重要的,当然有 easymotion 更好,否则文档长点就得上鼠标了

    2. 最好能设置默认模式,否则每次都要手动切换到特定模式
    allenshi
        57
    allenshi  
       2016-08-15 13:07:15 +08:00
    Typora 要能支持多 tab 模式就好了。
    winterbells
        58
    winterbells  
       2016-08-15 13:18:32 +08:00
    @meunicorn 原来已经有即时显示了啊╮( ̄▽ ̄")╭我还想着开学参加学校的项目时写一个。。。(´・Д・)
    7654
        59
    7654  
       2016-08-15 13:45:30 +08:00
    r#51 @Seita 使用 chrome 内核的编辑器太臃肿, MS VScode 也是
    llbbzh
        60
    llbbzh  
       2016-08-15 14:38:31 +08:00
    这个样子的 Markdown 编辑器还真不缺……
    缺怎样的呢?缺界面好看的。比 cmd-markdown 还要好看的那种。
    但是 cmd-markdown 不能自定义字体,不能导出图片,甚至连基础功能都要收费……
    Seita
        61
    Seita  
    OP
       2016-08-15 15:29:16 +08:00
    @llbbzh 第一次有人说 cmd-markdown 好看
    broadliyn
        62
    broadliyn  
       2016-08-15 16:01:12 +08:00
    我从未见过如此“厚颜无耻”之人
    哈哈哈
    FreeDog
        63
    FreeDog  
       2016-08-15 16:17:57 +08:00
    @Seita 猫木有手。。
    20015jjw
        64
    20015jjw  
       2016-08-15 17:16:41 +08:00
    有点好看 我也有点想写 Electron 这个坑入的如何
    20015jjw
        65
    20015jjw  
       2016-08-15 17:21:30 +08:00
    @20015jjw 好吧看来是前端那一套 which 我一点都不会 qwq
    xingshu
        66
    xingshu  
       2016-08-15 17:34:09 +08:00
    预览区跳动,有人遇到了么?@Seita
    Seita
        67
    Seita  
    OP
       2016-08-15 18:42:45 +08:00
    @xingshu 是因为有图片加载失败了吗,可以把显示有问题的文本发来看看
    llbbzh
        68
    llbbzh  
       2016-08-15 19:00:02 +08:00
    @Seita 就是 cmd-markdown 让我爱上 md 的呀,其实我觉得 Farbox 也好看,但是死活改不了字体
    buckyRRRR
        69
    buckyRRRR  
       2016-08-15 19:05:59 +08:00 via iPhone
    @Seita 我觉得最好看是马克飞象,然后是 cmd markdown
    xingshu
        70
    xingshu  
       2016-08-15 19:10:02 +08:00
    @xingshu 全部图片都没加载上,不过我是输入任何文本都跳动

    MacBook 外接 DELL
    greatghoul
        71
    greatghoul  
       2016-08-15 19:13:12 +08:00
    建议打包成 Chrome App ,还能跨平台,多方便。
    hronro
        72
    hronro  
       2016-08-15 20:39:30 +08:00 via Android
    @greatghoul electron 不是本身就能跨平台吗
    Seita
        73
    Seita  
    OP
       2016-08-15 20:51:00 +08:00
    @buckyRRRR macdown typora 被无视了吗 😂
    buckyRRRR
        74
    buckyRRRR  
       2016-08-15 20:54:36 +08:00
    @Seita 我个人不喜欢白底黑字的
    Seita
        75
    Seita  
    OP
       2016-08-15 20:57:36 +08:00
    @xingshu 图片加载失败的话,每次自动刷新因为会重新加载图片所以会闪烁,将在下一个版本修改图片问题。
    EyreFree
        76
    EyreFree  
       2016-08-15 20:57:53 +08:00
    简单试用了下感觉还好,滋瓷一下,喵。
    Seita
        77
    Seita  
    OP
       2016-08-15 20:58:02 +08:00
    @buckyRRRR 那两个都可以自定义样式
    Seita
        78
    Seita  
    OP
       2016-08-15 20:58:33 +08:00
    @EyreFree 感谢续命。
    mgongwang
        79
    mgongwang  
       2016-08-15 21:36:27 +08:00
    "image can not render"的问题是不是由使用的 markdown parser 造成的? N 多的 markdown editor 都有这个毛病.
    Seita
        80
    Seita  
    OP
       2016-08-15 21:47:34 +08:00
    @mgongwang image 只是把路径放到 image src 里,这个在渲染时 parser 肯定不知道 markdown 文件的目录,浏览器获取的时候肯定是相对 app 所在的目录,所以要扩展一下。
    Seita
        81
    Seita  
    OP
       2016-08-15 23:23:33 +08:00
    dxmanoo
        82
    dxmanoo  
       2016-08-15 23:43:05 +08:00 via iPhone
    之前用过 markeditor ,后来还是回归 ulysses 了。后者却是是用着很顺手喝优雅,当然那个对代码活着其他功能支持的薄弱也是缺点。
    bk201
        83
    bk201  
       2016-08-15 23:53:32 +08:00 via iPhone
    专为 markdown 下载一个编辑器对于强迫症来说很难受.
    monkeymonkey
        84
    monkeymonkey  
       2016-08-16 00:07:44 +08:00 via iPhone
    @loading 是不是感觉跟不在一个频道的人交流真费劲 哈哈哈
    Seita
        85
    Seita  
    OP
       2016-08-16 00:12:09 +08:00
    @monkeymonkey 我是这个感觉
    ro00
        86
    ro00  
       2016-08-16 00:43:39 +08:00
    我从未见过这么萌的 MD 编辑器
    maemolee
        87
    maemolee  
       2016-08-16 09:16:25 +08:00
    我沒用一下試試,不知道是否優雅。但是恕我直言,這個軟件長得不好看。(逃跑
    ma125125t
        88
    ma125125t  
       2016-08-16 10:04:49 +08:00
    写什么东西需要这个?博客,日记?代码用 markdown 编译器看得懂吗?
    Seita
        89
    Seita  
    OP
       2016-08-16 10:06:53 +08:00 via Android
    @ma125125t *.md
    bwangel
        90
    bwangel  
       2016-08-16 14:28:33 +08:00
    @ma125125t ,我写博客用 Jupyter-Notebook ,文本内容用 Markdown Cell ,写代码用其他的 Cell ,然后导出成 Markdown 格式,发布到 Hexo 上面。

    不过现在 Markdown 我直接用在线编辑器预览了。。。。。
    Seita
        91
    Seita  
    OP
       2016-08-17 12:13:47 +08:00
    @ranran 感谢你的反馈,我打算在顶部加一条类似这样的可选的工具栏:

    ranran
        92
    ranran  
       2016-08-17 14:45:34 +08:00
    @Seita 挺好的,不过上面我被教训得这么惨,我还是不多说了。
    mgongwang
        93
    mgongwang  
       2016-08-18 12:37:00 +08:00
    @ranran, 什么平台? 有 toolbar 的 markdown editor 应该不少呀.
    TriiHsia
        94
    TriiHsia  
       2016-08-19 09:18:03 +08:00
    确实挺优雅的
    enlau0912
        95
    enlau0912  
       2016-08-19 19:22:08 +08:00
    @ranran @Seita 加一条 toolbar 挺好的,推广时方便,没有再用的人不能期待他接受学习曲线太高的东西。给没用的人方便,让他们愿意接受这工具,其实就是方便自己使用。
    SCaffrey
        96
    SCaffrey  
       2016-08-23 19:46:17 +08:00 via iPad
    evillions
        97
    evillions  
       2016-08-24 19:02:47 +08:00
    标题:从未见过『如此优雅』。。。。
    正文:不管是否『优雅』。。。。
    🙄
    Seita
        98
    Seita  
    OP
       2016-08-25 00:29:16 +08:00 via Android
    @evillions 良心尚在的标题党😂
    evillions
        99
    evillions  
       2016-08-25 10:54:58 +08:00
    @Seita 哈哈哈,这性格注定做不了生意
    Menci
        100
    Menci  
       2016-08-30 23:53:49 +08:00
    Looks nice !
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5519 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 06:39 · PVG 14:39 · LAX 23:39 · JFK 02:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.