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

[Seita]

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

---

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

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

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

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

---

EME 首页: https://eme.moe

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

[ranran]

你们都是大牛，你们都手写代码，搞个工具栏都不愿意，还说是编辑器………………

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

我们这些菜鸟用不起你们的编辑器= =。

[Seita]

@ranran

我的猫都会手写 Markdown ，感谢 aaron swartz

[loading]

既然是 vue 的，为什么不先提供在线版本的…（你就把 vuejs 例子打了个包吧…）

[Seita]

@loading 就算不是 vue 的也是 js 的吧，也可以打包个 web 版本。

Electron app 难道不都是把 web app 打个包? 当然这里面嵌入了一些需要 native 支持 的 API ，所以 web 版本将会是功能阉割版。

[steveshi]

现在 macOS 上真不缺这东西……反倒 win 上少

[loading]

我开玩笑说你其实就是简单把 vuejs 的官方例子打了个包…

我对 electron 还是比较了解的。

[Seita]

@steveshi windows 可以用啊

不过好像支持 tab 的 markdown 编辑器比较少 LOL

[little_cup]

mac 上的 Markdown 编辑器简直快多得跟 Android/iOS 上的天气预报和计算器一样泛滥了……

[Seita]

@loading 那我用 react 是不是也是把 react 的例子打了个包 LOL

[Seita]

@little_cup 是的，我自己就贡献了三个

[16500682]

@ranran 需要工具栏那你为什么不用 Word 呢？

[6IbA2bj5ip3tK49j]

没看到眼前一亮的功能……
看了 LZ 两个编辑器的 repo ，感觉弃坑速度太快了。

[loading]

@Seita 你可能没看到 vuejs 的例子吧。

[Seita]

@xgfan 还好吧，上一个编辑器也维护了半年，都是以前写的代码太烂不好维护造成的，所以不如重写了。而且也并没有弃坑，它被这个编辑器继承了 XD

[Seita]

@loading 你在网上搜任意 markdown 大法好出来的基本都是左边编辑器右边预览的样子。

[loading]

@Seita 算了，你可能误解了我的意思…我也就开个玩笑

[Seita]

@loading 🌝

[seeker]

@ranran https://stackedit.io

[Kilerd]

@Seita Typora

[meunicorn]

https://www.typora.io/
我更喜欢这个

[allblue]

@steveshi 现在 win 上也不缺, 反倒....linux 上少..

[XhstormR]

windows 上的 MD 基本都是 Electron 打包，一个二个都 50M 起步，看着都不想用。

有这个功夫还不如用 WEB 版，做的还比桌面的好。

[arrow2015]

好巧， Marp 也是用 Electron.

[ranran]

@16500682 我用 Word 啊，有什么问题？

[Artotria]

果然也在这边发了个帖😂
资磁！

[Seita]

@ranran 那很适合

[dphdjy]

看来只有我在折腾不用 Atom 套壳，写原生跨平台编辑器

[darluc]

@meunicorn 我也在用这个，😄

[ranran]

@Seita @16500682

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

v2ex 的 textarea 发帖编辑器好用还是 Discuz 的发帖编辑器好用呢？就算人人都能手写 UBB 代码，我相信愿意用编辑器去方便的操作的人是极多的，只有极少数人坚持始终不用。

[jsthon]

楼主吼啊！！很给力啊！！！

[sox]

@ranran 没有讽刺，如果用 markdown 还要那些工具栏的话干嘛还用 markdown ，直接用个传统的所见即所得编辑器不就完了。这不是 markdown 的 design purpose

[16500682]

@ranran
不是讽刺，你不用 Markdown 那为什么你要去喷相关产品呢？
我在使用 Markdown 编辑器的时候可以完全使用键盘完成排版操作，不需要去浪费时间拿鼠标，对我来讲是不是节省了时间呢？

[lxrmido]

@ranran
你看，各种前端 IDE 也没有点击生成 DOM 的工具栏

[missdeer]

@dphdjy 拖延症晚期的我也在写啊 /t/79700

[Seita]

@missdeer 你这是代码编辑器吧。。

[ranran]

@16500682

我没说我不用，少数时候还是需要用，每次都看一下用法，你可以手写，有工具栏也不会和你冲突啊，我已经举例了，真像 word 那么强大，纯手写的人绝对是极少数的。

[dphdjy]

@missdeer 完成度相当高 不过明显不是同一个东西～

[20160409]

优雅

[jellyshen]

看头像是帕克吧

[66beta]

楼上有几位讨论工具栏的实用性，我是这么认为的， Markdown 对于专业认识来说，任何一款编辑器都可以写（甚至装插件增强），但是对于外行来说，可以方便他们快速上手。

好处就是鼓励外行也使用 Markdown 格式文件，最终受益的也是专业人士

[Seita]

@jellyshen 不是头像是 app icon 😂

[jellyshen]

@Seita 😂，顺便问一下怎么开启 vim 模式

[Seita]

@jellyshen 你看菜单里的 view 那一栏有，快捷键是 cmd/ctrl + i

[jellyshen]

@Seita 谢啦

[xingshu]

挺好的
就是头像有点吓人

[Seita]

@xingshu puck 哪里吓人😨

[strwei]

咳咳，有没有中文解决方案

[ychongsaytc]

Typora. 据说 1.0 版很快要出。

[Seita]

@strwei 你是说切换语言吗，现在没什么必要，预计 1.0 加上

[hantsy]

我用 NotePad++ 挺好的。

[Seita]

@hantsy 推荐你用 atom

[ianva]

优点：
有 vim mode 方便好多，之前用的都不支持 vim mode
界面简单，那些 editor 功能真没必要，难看还不实用

槽点：
软件的图标是槽点，要逼的我自己换个图标，作者最好找人设计个

[ianva]

focus 那行灰色也略别扭

[Seita]

@ianva 感谢反馈，细节确实值得商榷，也许没有背景色好些。

[Seita]

@ianva OK ，那个灰色去掉了，确实好点 😅

[ianva]

@Seita

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

2. 最好能设置默认模式，否则每次都要手动切换到特定模式

[allenshi]

Typora 要能支持多 tab 模式就好了。

[winterbells]

@meunicorn 原来已经有即时显示了啊╮(￣▽￣")╭我还想着开学参加学校的项目时写一个。。。(´･Д･)

[7654]

r#51 @Seita 使用 chrome 内核的编辑器太臃肿， MS VScode 也是

[llbbzh]

这个样子的 Markdown 编辑器还真不缺……
缺怎样的呢？缺界面好看的。比 cmd-markdown 还要好看的那种。
但是 cmd-markdown 不能自定义字体，不能导出图片，甚至连基础功能都要收费……

[Seita]

@llbbzh 第一次有人说 cmd-markdown 好看

[broadliyn]

我从未见过如此“厚颜无耻”之人
哈哈哈

[FreeDog]

@Seita 猫木有手。。

[20015jjw]

有点好看 我也有点想写 Electron 这个坑入的如何

[20015jjw]

@20015jjw 好吧看来是前端那一套 which 我一点都不会 qwq

[xingshu]

预览区跳动，有人遇到了么？@Seita

[Seita]

@xingshu 是因为有图片加载失败了吗，可以把显示有问题的文本发来看看

[llbbzh]

@Seita 就是 cmd-markdown 让我爱上 md 的呀，其实我觉得 Farbox 也好看，但是死活改不了字体

[buckyRRRR]

@Seita 我觉得最好看是马克飞象，然后是 cmd markdown

[xingshu]

@xingshu 全部图片都没加载上，不过我是输入任何文本都跳动

MacBook 外接 DELL

[greatghoul]

建议打包成 Chrome App ，还能跨平台，多方便。

[hronro]

@greatghoul electron 不是本身就能跨平台吗

[Seita]

@buckyRRRR macdown typora 被无视了吗 😂

[buckyRRRR]

@Seita 我个人不喜欢白底黑字的

[Seita]

@xingshu 图片加载失败的话，每次自动刷新因为会重新加载图片所以会闪烁，将在下一个版本修改图片问题。

[EyreFree]

简单试用了下感觉还好，滋瓷一下，喵。

[Seita]

@buckyRRRR 那两个都可以自定义样式

[Seita]

@EyreFree 感谢续命。

[mgongwang]

"image can not render"的问题是不是由使用的 markdown parser 造成的? N 多的 markdown editor 都有这个毛病.

[Seita]

@mgongwang image 只是把路径放到 image src 里，这个在渲染时 parser 肯定不知道 markdown 文件的目录，浏览器获取的时候肯定是相对 app 所在的目录，所以要扩展一下。

[Seita]

@xingshu
@mgongwang

图片问题已修复 https://github.com/egoist/eme/commit/6ccc58ec5896a1c025d29ed3f8cc345cda61ba42

[dxmanoo]

之前用过 markeditor ，后来还是回归 ulysses 了。后者却是是用着很顺手喝优雅，当然那个对代码活着其他功能支持的薄弱也是缺点。

[bk201]

专为 markdown 下载一个编辑器对于强迫症来说很难受.

[monkeymonkey]

@loading 是不是感觉跟不在一个频道的人交流真费劲 哈哈哈

[Seita]

@monkeymonkey 我是这个感觉

[ro00]

我从未见过这么萌的 MD 编辑器

[maemolee]

我沒用一下試試，不知道是否優雅。但是恕我直言，這個軟件長得不好看。（逃跑

[ma125125t]

写什么东西需要这个？博客，日记？代码用 markdown 编译器看得懂吗？

[Seita]

@ma125125t *.md

[bwangel]

@ma125125t ，我写博客用 Jupyter-Notebook ，文本内容用 Markdown Cell ，写代码用其他的 Cell ，然后导出成 Markdown 格式，发布到 Hexo 上面。

不过现在 Markdown 我直接用在线编辑器预览了。。。。。

[Seita]

@ranran 感谢你的反馈，我打算在顶部加一条类似这样的可选的工具栏:

[ranran]

@Seita 挺好的，不过上面我被教训得这么惨，我还是不多说了。

[mgongwang]

@ranran, 什么平台？ 有 toolbar 的 markdown editor 应该不少呀.

[TriiHsia]

确实挺优雅的

[enlau0912]

@ranran @Seita 加一条 toolbar 挺好的，推广时方便，没有再用的人不能期待他接受学习曲线太高的东西。给没用的人方便，让他们愿意接受这工具，其实就是方便自己使用。

[SCaffrey]

@Menci

[evillions]

标题：从未见过『如此优雅』。。。。
正文：不管是否『优雅』。。。。
🙄

[Seita]

@evillions 良心尚在的标题党😂

[evillions]

@Seita 哈哈哈，这性格注定做不了生意

[Menci]

Looks nice ！