📝基于 Vue、Vditor,所构建的在线 Markdown 编辑器,支持流程图、甘特图、时序图、任务列表、HTML 自动转换为 Markdown 等功能;🎉新增「所见即所得」编辑模式。
早期就有关注到由黑客派所出品的 Vditor:一款为未来而构建的下一代 Markdown 编辑器。然,现而今市面上所存在的 Markdown 编辑器,或多或少都存在一些问题(或功能不全,或高级功能收费...),因此基于自身所需,加之 Vditor 的强大,就诞生了做一款在线 Markdown 编辑器 的念头;取其名曰 Arya
(二丫)。
Markdown
解析器自带的基本功能;echarts
图表的支持;PPT
预览支持;⌘-⇧-M
);清空目前 Arya 编辑区默认文档,即可使用。
默认为所见即所得模式,可通过 ⌘-⇧-M
(Ctrl-⇧-M
)进行切换;或通过以下方式:
⌘-⌥-7
(Ctrl-alt-7
);⌘-⌥-8
(Ctrl-alt-8
);⌘-⌥-9
(Ctrl-alt-9
);如果您用作 PPT
预览(入口在设置
中),需要注意,这里暂还不能支持各种图表的渲染;您可以使用 ---
来定义水平方向上幻灯片,用 --
来定义垂直幻灯片;更多设定可以参见 RevealJs 文档。
已将最新版本使用 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 即可访问。如果在服务器运行,可以通过 https://memo.lovejade.cn/m/244要配备域名,可通过。构建 Docker 镜像过程,可参见:如何为 markdown-online-editor 服务构建 docker 镜像?。
# 🎉 克隆项目
git clone https://github.com/nicejade/markdown-online-editor.git
cd markdown-online-editor
# ➕ 安装依赖(跳过安装 )
env PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true yarn
# 🚧 开始开发
yarn start
# 🚀 部署 Github Pages(需修改 commands/deploy.sh)
yarn deploy
Arya 的产生,得益于 vditor:一款浏览器端的 Md 编辑器,同时也离不开 vue、reveal.js 等开源库的支持,感谢 🙌。
微信公众号 | 前端微信群 | 推荐 Web 应用 | 推荐小程序 |
---|---|---|---|
😉 静晴轩 | ✨ 大前端联盟 | 🎉 倾城之链 | 🌊 倾城之链 |
Copyright (c) 2018-present, nicejade.