我从未见过如此优雅的 Markdown 编辑器 - EME - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Seita
V2EX    分享创造

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

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

    有人还记得我 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 上少
    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 呢?
    6IbA2bj5ip3tK49j
        12
    6IbA2bj5ip3tK49j  
       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
    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:0
    @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 模式就好了。
    300
        58
    300  
       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     Solana     954 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 18:27 PVG 02:27 LAX 10:27 JFK 13:27
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86