+-
下一代强大的 Markdown 编辑器,诞生了!

每次从网页上复制内容到 Markdown 编辑器,格式都是全乱的。标题、加粗、链接,变成了纯文本,最后还得一个个手动改回来。

又或者想画个流程图,还得切到别的工具,画完之后截图,再贴回到编辑器,极其麻烦。

最后写完文章想发公众号,结果又得重新排版一遍。这些杂碎的事情累积起来,写篇文章光折腾格式可能就要花费一个多小时。

今天在 GitHub 上翻到一个开源的 Markdown 编辑器叫Arya,中文名为 “二丫”,这名字很有意思,已经斩获了 3200+ Star。

上面我们遇到的问题,在它这里都能得到了解决方案,下面一起来深入了解一下。

下一代强大的 Markdown 编辑器,诞生了!

三种编辑模式,随时切换

Arya 提供了三种不同的编辑模式:所见即所得即时渲染分屏预览

我们可以用快捷键快速切换,比如 Cmd/Ctrl + Shift + M 就能在模式之间跳转。

可以像我一样,在写技术文档的时候切换到「分屏模式」看效果,而在写日常文章则选择「所见即所得」,大家可根据场景自由选择。

下一代强大的 Markdown 编辑器,诞生了!

丰富的图表,全面支持

另外 Arya 支持的图表类型非常丰富,包括流程图、甘特图、时序图 等等,还能插入 ECharts 图表和五线谱。

在写项目文档或者技术笔记的时候,直接在编辑器内制作图表,真的能为我们节省不少麻烦。

不过要注意,如果用 PPT 预览功能的话,这些图表暂时不支持渲染出来。但平时我们写文档用,基本够了。

下一代强大的 Markdown 编辑器,诞生了!

HTML 自动转 Markdown

Arya 还有一个功能特别实用,我们在网上复制的 HTML 内容,粘贴到编辑器内,它能自动转换成 Markdown 格式。

比如从网页上复制了一段带有各种各样格式的文字,粘贴进去就 Arya 直接就帮我们自动转换好,再也不用手动的一个一个样式调整。

下一代强大的 Markdown 编辑器,诞生了!

除了以上提及到的功能外,Arya 还有很多值得一说的亮点,比如下面这些:

本地存储防丢失:内容自动保存在浏览器本地,突然关掉页面也不用担心内容丢失;

多格式导出:支持导出 PDF、PNG、JPEG,还能生成微信公众号特制的 HTML 格式;

PPT 预览:可以直接预览 Markdown 生成的幻灯片,支持自由定义横向和纵向切换;

代码块复制:代码块自带复制按钮,常用快捷键也都支持。

下一代强大的 Markdown 编辑器,诞生了!

一键部署,开箱即用

目前这个编辑器作者提供了在线演示版本,可以让我们直接在线体验,也可以自己部署。

如果想自己搭建,也非常简单。官方提供了 Docker 快速部署方式,只需执行以下一行命令就能运行起来:

dockerrun -d-p8866:80nicejade/markdown-online-editor:latest

接着,本地访问http://localhost:8866就能用了。

此外,如果不想部署到自己的本机电脑上,还可以部署到 Cloudflare Pages 上,GitHub 上提供了详细文档教程。

下一代强大的 Markdown 编辑器,诞生了!

写在最后

总的来说,Arya 这款编辑器做得确实不错,该有的功能都有,基本覆盖我们日常需求,界面简洁直观,用起来非常舒适。

另外就是可以自己部署到本地,数据完全存在自己服务器上,更加安全不怕隐私泄露。

如果你平时要写技术文档、项目笔记,或者只是想找个干净的地方记点东西,可以试试看。

GitHub 项目地址:https://github.com/nicejade/markdown-online-editor

今天的分享到此结束,感谢大家抽空阅读,我们下期再见,Respect!