我也做了个 Markdown 编辑器,支持三大平台,已开源

2015-04-14 13:40:35 +08:00
 egrcc

Github地址: https://github.com/egrcc/Mango

欢迎star,fork。

介绍

Mango 是一个专为 Linux 平台而设计的 Markdown 编辑器,同时也支持 Windows 和 Mac OSX。虽然各位大牛已经做了很多 Markdown 编辑器了,但是我在 Linux 平台始终没有找到一款令我满意的 Markdown 编辑器,所以花了一个多星期的时间用 NW.js 实现了 Mango,这里有我写的文章,简要介绍了我实现 Mango 的过程及原理。想自己造轮子的可以看一看,各位大牛请轻喷。

主要特性

1. 跨平台支持

MangoNW.js 驱动,所以天然支持 WindowsMac OS XLinux 三个主流操作系统。由于没有 Mac 设备,所以没有为 Mac 提供下载,只能从源码运行,希望有好心人能帮忙打包。

2 . 实时预览和同步滚动

Mango 默认左边是编辑区,右边是预览区。在编辑区的修改会实时显示到预览区,并且编辑区和预览区会同步滚动。当然,可以在菜单Mode里切换显示模式,左边是预览区,右边是编辑区,或者只显示预览区或编辑区。

3 . 数学公式

Mango 提供了 MathJax 支持,可以让你方便的用 LaTeX 书写数学公式。行内公式,使用$...$,行间公式,使用$$...$$

4. 语法高亮

你可以想下面这样书写程序代码,在右边的预览区代码会高亮显示:

5. 导出到多种格式

你可以方便地导出你的文档到 PDF (快捷键: Ctrl + E) 和 HTML (快捷键: Shift + Ctrl + E),并且外观格式跟在 Mango 里看到的几乎一样。

一些截图

</br>

</br>

</br>

下载

如果觉得下载过慢,也可用下面百度云的链接下载:

下载后解压,双击运行就可以了。

如果你安装了 NW.js,也可以直接从源代码运行。下载源码后,先用npm install安装一些依赖包。没有mac的包,对mac用户说声抱歉!

目前 Mango 只是 0.1 版,肯定还有很多不完善的地方,欢迎使用和提供意见。

9499 次点击
所在节点    分享创造
62 条回复
kiray
2015-04-14 21:49:57 +08:00
为什么Mac没有下载链接
egrcc
2015-04-14 22:27:26 +08:00
@kiray 抱歉啊,我没有 mac 设备,所以无法为mac提供下载。你可以试试从源码运行,需要先安装nw.js
empilot
2015-04-14 23:26:08 +08:00
Wow, 久违了的麦克斯韦方程组。
Cool!
IwfWcf
2015-04-14 23:30:18 +08:00
为什么最近突然多了那么多 Markdown Editor?
xcv58
2015-04-14 23:39:42 +08:00
git 历史记录里太大了吧,377MB
Yvette
2015-04-15 08:47:55 +08:00
不会打包啊……哪位同学随手分享个Mac包吧~另外,有自动更新不?
jakiepaper
2015-04-15 09:54:49 +08:00
在Linux下适用了一天,很喜欢。
再提点意见:‘眼睛’那个图标有点太别扭了,还有‘后退’的颜色是不是太刺眼了?。
然后再问一下,支持预览LaTex文件吗?要是有这个功能就太好了
railgun
2015-04-15 09:55:27 +08:00
感觉那几个按钮图标太大,太花……
egrcc
2015-04-15 11:24:47 +08:00
@xcv58 因为曾经把一些供下载的包也放到这个项目了,所以就变大了,现在已经移出去了

@Yvette 内有检查更新

@jakiepaper LaTeX文件难以支持,这只是 md 编辑器。。。不过想法倒是很好啊,目前貌似没有latex实时预览的工具

@jakiepaper @railgun 图标的问题下次会改善
Biwood
2015-04-15 11:25:46 +08:00
同吐槽一下图标,在win8平台上用1080p的屏幕看,有点模糊,而且这种图标虽然符合扁平化潮流,但是没有质感,建议改进
dwztom
2015-04-15 12:52:36 +08:00
能放到markdown的节点下吗 ?
JamesRuan
2015-04-15 19:30:07 +08:00
似乎代码高亮和数学公式都是特殊需求人士喜欢加的东西。

当时在考虑论坛标记语言的时候,原来也是想用Markdown的。但是考虑的Markedown的Parser实现比较复杂,编辑器实在太多、太杂,如果考虑到项目的可维护性,这部分成本太大了。而小白用户离开编辑器又写不了Markdown……

所以就自己定义了一个很容易实现Parser,又很容易做编辑器,同时满足代码高亮和数学公式的新的标记语言,整合在前端库Ebony里面了。https://github.com/cc98-frontend-development/ebony

喜欢造轮子的可以来观摩一下哦。
secondwtq
2015-04-16 10:24:18 +08:00
@JamesRuan “似乎代码高亮和数学公式都是特殊需求人士喜欢加的东西。”

并不这么觉得。我感觉 Markdown 本身很大程度上就是面向程序员的,或者说程序员对于 Markdown 来说并不算“特殊群体”。并且有很多人在用一种东西叫 GitHub Flavored Markdown。

至于 MathJax 的支持,作为一个学生党,我写作业时有用到。还有看到现在许多 blog 里面插的 bitmap 公式,排版乱,并且分辨率很渣,视觉效果很差。如果这些都能用矢量的方式来做,既好看,也方便编辑,我不觉得这样的需求有多“特殊”。
kongwy
2015-04-17 11:37:01 +08:00
又是一个左编辑右预览的,感觉编辑文字的大多数时候并不需要预览功能。
将预览去掉或者默认关闭然后加一些针对 Markdown 的显示如何?

像 Mou 的左侧栏那样?
egrcc
2015-04-17 11:57:53 +08:00
@kongwy 是可以在菜单栏把预览关闭的,不过是否默认关闭,这个不同的人有不同的意见吧。下次考虑加一个设置项。
kongwy
2015-04-17 13:24:17 +08:00
@egrcc 还有最好能针对 Markdown 本身做一些高亮特殊显示。

比方 "# 标题一" 本身就按一级标题样式显示,"**加粗**" 也直接在编辑区加粗显示。
JamesRuan
2015-04-17 20:57:48 +08:00
@secondwtq markdown 还真不是给程序员设计的…… LaTeX那种标记方法才更程序员,而LaTeX的数学公式一直很强大。
secondwtq
2015-04-18 01:52:09 +08:00
@JamesRuan 我知道,所以我在措辞上留了余地。

事实是,Markdown 就算本身不是面向 developer 的,现在也在这个圈子里得到了广泛的应用。

无心插柳也好,有意为之也罢。我认为 Markdown 易学、易写、易读的特性使其比 LaTeX 更适合程序员。注意这里是“适合”,因为比较的并不是哪个更 Geek,而是更适于日常使用。

至于 LaTeX,我也喜欢用,但是这东西在我的印象中一直是一个“官腔”的形象,我认为这和开发者注重所谓“创造力”的工作是相悖的。我并不反感 LaTeX,我真正反感的是 Word。
weichuangye
2015-12-29 00:10:11 +08:00
牛啊
喜欢这样的前辈
egrcc
2015-12-29 00:28:14 +08:00
@weichuangye 前辈不敢当,目前也还是学生。不过这贴都这么久了,没想到还有人来

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/183618

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX