链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

Arya-功能丰富的在线Markdown编辑器:支持多种功能

Arya是一个基于Vue2和Vditor构建的在线Markdown编辑器。它具有丰富的功能,像支持绘制流程图、甘特图等多种图,还能进行PPT预览、视频音频解析等,解决了市面上Markdown编辑器功能不全或高级功能收费等问题。可以通过多种方式部署,如pm2部署、Docker自托...

访问官网 →

【Github】项目名:Arya-功能丰富的在线Markdown编辑器

一、项目简介

Arya是一个基于Vue2和Vditor构建的在线Markdown编辑器。它具有众多功能,包括支持绘制流程图、甘特图、时序图、任务列表、echarts图表、五线谱,以及PPT预览、视频音频解析、HTML自动转换为Markdown等功能。项目地址为https://www.niceshare.site/markdown.lovejade.cn/,在Github上有2.6k个星标,357个分叉。

二、项目目的

早期就有关注到由黑客派所出品的Vditor,但市面上的Markdown编辑器存在功能不全或者高级功能收费等问题,基于自身需求,借助Vditor的强大功能,便诞生了制作这个在线Markdown编辑器的想法。

三、核心技术

该项目基于Vue2和Vditor构建。Vue2为项目提供了框架基础,Vditor作为一款强大的Markdown编辑器为项目的功能实现提供了支持。在功能扩展上,例如对echarts图表的支持是通过升级Vditor实现的,PPT预览是通过注入RevealJs实现的。

四、实践案例

项目给出了多种使用场景下的实践案例。例如在部署方面:

  1. 采用pm2部署时,先克隆项目,安装依赖,构建产物,然后部署服务。
  2. Docker自托管方面,可从DockerHub获取镜像运行,如运行命令dockerrun -d -p[Your-Specified-Port]:80 nicejade/markdown-online-editor:[tagname]。还可以使用dockercompose进行多容器管理,通过创建docker-compose.yml文件定义服务并启动。
  3. 也可以通过CloudflarePages或GithubPages托管编译产物实现快速部署。 在使用方面,如进行PPT预览(入口在设置中),可以使用—定义水平方向上幻灯片,用–定义垂直幻灯片,但暂不支持各种图表的渲染。还介绍了不同编辑模式(所见即所得、即时渲染、分屏渲染)的切换快捷键等使用方式。

五、项目总结

Arya这个在线Markdown编辑器功能丰富,从基本的Markdown功能到各种高级功能一应俱全。在开发过程中得益于Vditor、Vue、reveal.js等开源库的支持。如果你对这个项目有任何想法或者建议,欢迎在下方留言讨论。

项目地址

GitHub链接直达