Arya —— 在线 Markdown 编辑器

Arya ,是一款基于 VueVditor ,为未来而构建的在线 Markdown 编辑器;轻量且强大:内置粘贴 HTML 自动转换为 Markdown,支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱,以及可导出携带样式的图片、PDF、微信公众号特制的 HTML 等功能。

备注:编辑内容只会在您本地进行保存,不会上传您的数据至服务器,绝不窥测用户个人隐私,可放心使用;Github 源码: markdown-online-editor

在线地址

Arya - 在线 Markdown 编辑器: https://markdown.lovejade.cn/

功能特征

  • 🎉 具备 Markdown 解析器常用的基本功能;
  • 🍀 支持流程图甘特图时序图任务列表
  • 🏁 支持粘贴 HTML 自动转换为 Markdown;
  • 💃🏻 支持插入原生 Emoji、设置常用表情列表;
  • 🚑 支持编辑内容保存本地存储,防止意外丢失;
  • 📝 支持实时预览,主窗口大小拖拽,字符计数;
  • 🛠 支持常用快捷键(Tab),及代码块添加复制
  • ✨ 支持导出携带样式的 PDF、PNG、JPEG 等;
  • ✨ 升级 Vditor,新增对 echarts 图表的支持;
  • ✨ 注入 RevealJs ,增设对 PPT 预览支持;
  • 👏 支持检查并格式化 Markdown 语法,使其专业;
  • 🦑 支持五线谱、及 部分站点、视频、音频解析
  • 🌟 增加对所见即所得编辑模式的支持(⌘-⇧-M);
  • 🌟 具有复制内容到 微信公众号 等周边功能;

界面展示

如何使用

清空目前 Arya 编辑区默认文档,即可使用。

默认为 所见即所得 模式,可通过 ⌘-⇧-MCtrl-⇧-M)进行切换;或通过以下方式:

  • 所见即所得:⌘-⌥-7Ctrl-alt-7);
  • 即时渲染:⌘-⌥-8Ctrl-alt-8);
  • 分屏渲染:⌘-⌥-9Ctrl-alt-9);

如何开发

# 🎉 克隆项目
git clone https://github.com/nicejade/markdown-online-editor.git
cd markdown-online-editor

# 🚧 开始开发
yarn start

# 🚀 部署 Github Pages(需修改 commands/deploy.sh)
yarn deploy

Docker 自托管

已将最新版本使用 Docker 打包镜像并上传至 Docker Hub ,可通过如下方式进行使用:

docker run -d -p [Your-Specified-Port]:80 nicejade/markdown-online-editor

# 示例:
docker run -d -p 8866:80 nicejade/markdown-online-editor

基于如上示例,如果您在本地执行,只需打开网址—— http://localhost:8866 即可访问。如果在服务器运行,可以通过 http://[Server-IP]:8866 来访问,如果要配备域名,可通过。构建 Docker 镜像过程,可参见: 如何为 markdown-online-editor 服务构建 docker 镜像?

背景初衷

早期就有关注到由 黑客派 (已更名为:链滴)所出品的 Vditor :一款为未来而构建的下一代 Markdown 编辑器。然,现而今市面上所存在的 Markdown 编辑器,或多或少都存在一些问题(或功能不全,或高级功能收费...),因此基于自身所需,加之 Vditor 的强大,就诞生了做一款 在线 Markdown 编辑器 的念头;取其名曰 Arya(二丫)