剪藏#NASBox#剪藏

告别格式错乱!Docker 部署的在线 Markdown 编辑器

2025 年 12 月 22 日1 分钟
分享Twitter / XTelegram微博
告别格式错乱!Docker 部署的在线 Markdown 编辑器 封面

如有修改或改动,关注文章底部留言!

教程对你有用,可以 “点赞” 和 “打赏”支持 ~

Notion image

Arya:

一款基于 Vue2、Vditor,所构建的在线 Markdown 编辑器,支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱,以及 PPT 预览、视频音频解析、HTML 自动转换为 Markdown 等功能。

Notion image

功能支持:

  • • 🎉 通常 Markdown 解析器自带的基本功能;

  • • 🍀 支持流程图、甘特图、时序图、任务列表;

  • • 🏁 支持粘贴 HTML 自动转换为 Markdown;

  • • 💃🏻 支持插入原生 Emoji、设置常用表情列表;

  • • 🚑 支持编辑内容保存本地存储,防止意外丢失;

  • • 📝 支持实时预览,主窗口大小拖拽,字符计数;

  • • 🛠 支持常用快捷键(Tab),及代码块添加复制;

  • • ✨ 支持导出携带样式的 PDF、PNG、JPEG 等;

  • • ✨ 升级 Vditor,新增对 echarts 图表的支持;

  • • ✨ 注入 RevealJs,增设对 PPT 预览支持;

  • • 👏 支持检查并格式化 Markdown 语法,使其专业;

  • • 🦑 支持五线谱、及部分站点、视频、音频解析;

  • • 🌟 增加对所见即所得编辑模式的支持(⌘-⇧-M);

  • • 🌟 新增复制到微信公众号等周边功能;

  • • 🌟 支持导入本地 Markdown(*.md) 文件;

安装

Docker Compose

JAVASCRIPT
services:
  markdown-editor:
    image: nicejade/markdown-online-editor:latest
    container_name: markdown-editor
    ports:
      - 8080:80
    restart: always

使用

浏览器中输入 http://NAS的IP:8080就能看到界面

Notion image

使用方式一般都是复制粘贴到左侧,或者选择 Markdown 格式文档导入

Notion image

当然,直接在上面在线编辑也是没问题的

Notion image

这里我导入了一篇语雀的 Markdown 格式的文章,选择需要复制的平台

Notion image

复制到公众号可以简单看看效果,个人感觉只能说还行,但是格式有点小问题(代码块格式就不对,还有段落前后空行不对,不知道)

Notion image

工具栏最右侧,可以切换不同的主题

Notion image

还能导出不同格式文档

Notion image

PDF 导出是这样的,链接的图片并没有显示出来

Notion image

总结

我平时写教程都是在语雀上写好,跟着导出 Markdown 格式,再由 Markdown 编辑器复制到公众号上的,所以日常基本都会用到这类工具。使用下来体验感觉也是一般般,和之前推荐的 Markdown 编辑器相差不大,这类工具或多或少都有小问题,当然简单没有太多格式应该遇不到。

综合推荐:⭐⭐⭐(支持在线编辑,有需要的可以部署试试)

使用体验:⭐⭐(一般般)

部署难易:⭐(非常简单)︎

如有修改或改动,关注文章底部留言!

教程对你有用,可以 “点赞” 和 “打赏”支持 ~

Notion image

Arya:

一款基于 Vue2、Vditor,所构建的在线 Markdown 编辑器,支持绘制流程图、甘特图、时序图、任务列表、echarts 图表、五线谱,以及 PPT 预览、视频音频解析、HTML 自动转换为 Markdown 等功能。

Notion image

功能支持:

  • • 🎉 通常 Markdown 解析器自带的基本功能;

  • • 🍀 支持流程图、甘特图、时序图、任务列表;

  • • 🏁 支持粘贴 HTML 自动转换为 Markdown;

  • • 💃🏻 支持插入原生 Emoji、设置常用表情列表;

  • • 🚑 支持编辑内容保存本地存储,防止意外丢失;

  • • 📝 支持实时预览,主窗口大小拖拽,字符计数;

  • • 🛠 支持常用快捷键(Tab),及代码块添加复制;

  • • ✨ 支持导出携带样式的 PDF、PNG、JPEG 等;

  • • ✨ 升级 Vditor,新增对 echarts 图表的支持;

  • • ✨ 注入 RevealJs,增设对 PPT 预览支持;

  • • 👏 支持检查并格式化 Markdown 语法,使其专业;

  • • 🦑 支持五线谱、及部分站点、视频、音频解析;

  • • 🌟 增加对所见即所得编辑模式的支持(⌘-⇧-M);

  • • 🌟 新增复制到微信公众号等周边功能;

  • • 🌟 支持导入本地 Markdown(*.md) 文件;

安装

Docker Compose

JAVASCRIPT
services:
  markdown-editor:
    image: nicejade/markdown-online-editor:latest
    container_name: markdown-editor
    ports:
      - 8080:80
    restart: always

使用

浏览器中输入 http://NAS的IP:8080就能看到界面

Notion image

使用方式一般都是复制粘贴到左侧,或者选择 Markdown 格式文档导入

Notion image

当然,直接在上面在线编辑也是没问题的

Notion image

这里我导入了一篇语雀的 Markdown 格式的文章,选择需要复制的平台

Notion image

复制到公众号可以简单看看效果,个人感觉只能说还行,但是格式有点小问题(代码块格式就不对,还有段落前后空行不对,不知道)

Notion image

工具栏最右侧,可以切换不同的主题

Notion image

还能导出不同格式文档

Notion image

PDF 导出是这样的,链接的图片并没有显示出来

Notion image

总结

我平时写教程都是在语雀上写好,跟着导出 Markdown 格式,再由 Markdown 编辑器复制到公众号上的,所以日常基本都会用到这类工具。使用下来体验感觉也是一般般,和之前推荐的 Markdown 编辑器相差不大,这类工具或多或少都有小问题,当然简单没有太多格式应该遇不到。

综合推荐:⭐⭐⭐(支持在线编辑,有需要的可以部署试试)

使用体验:⭐⭐(一般般)

部署难易:⭐(非常简单)︎

原文地址: https://mp.weixin.qq.com/s?__biz=MzI2MjkzMDk3OA==&mid=2247537064&idx=1&sn=295c861660d8b0a4542c0fb190898513&chksm=eb96fdaa297132ccf88f1ea7458b194daa6e1599f8e967f68aaa5ac7d670ccf06bb08cf13dd9&mpshare=1&scene=1&srcid=12222DImsXGuGYGk4UrbPAt0&sharer_shareinfo=3939af5ecad5f4bbf15891210cc141ee&sharer_shareinfo_first=3939af5ecad5f4bbf15891210cc141ee#rd

相关文章