Vincent Chan 的巴士站 🚉

从头打造一个 Markdown 编辑器(序章)

开始写文章之前,先打个小广告,就是小弟新鲜出炉的作品 MDE,一个完全免费的,开源的,基于 Electron 的 Markdown 编辑器MDE Editor,点击链接进入GitHub

screen mde

截图为在 Windows 10 上运行的效果

screen mde night

支持的功能:

  • 即时渲染
  • Markdown 语法高亮(Syntax Highlighting)
  • 白天模式和夜间模式

第一个已经版本在2017年元旦发布了,现在我只打包了 Windows win32 64 位版本,有兴趣的朋友可以下载来跑一下。迟些我会打包 Linux 版本,至于 Mac 的话,我身边没有设备还真不好搞。

下载地址

其实现在这个时代,好用,能用的 Markdown 编辑器已经很多了,比如我很喜欢的 Typora,CMD Markdown,还有各种编辑器加上 Markdown 插件也很好用,加上 Markdown 语法比较小众,所以说自己撸一个其实意义不大,但是为什么我还要写这样一个编辑器呢?

一来其实是我一直很好奇我们平时用的这么多编辑器是怎么实现的,这方面的资料也不多,于是打算自己从头撸一个,看看能不能掌握一些知识。

二来我是广州某高校的 CS 学生,网上很多人说现在学校出来的学生什么都做不了,所以我也写个能用的东西来证明一下自己对吧

三来,这个程序是开源的,免费无广告的,希望有志同道合的朋友可以一起学习,交流,所以我会把我开发过程的一些想法和心得都写出来,我会在知乎专栏发表一系列关于这个编辑器的文章,这个只是序章,希望有朋友可以一起交流

在这个序章,我简单介绍一下我做这个编辑器需要的一些东西,我的编辑器是基于 Electron,主要是看上了跨平台的特性,以及我对 Javascipt 比较熟悉,对 Typescript 比较感兴趣的原因,我的编辑器是用 Typescript + Electron 实现的,我的文章主要也是讲这个,如果有要动手的朋友可以选择自己喜欢的框架和语言,打造一个 Markdown 编辑器的旅程就要开始了,你准备好了吗?