介绍
一款基于 Vue、Vditor,为未来而构建的在线 Markdown 编辑器;轻量且强大:内置粘贴 HTML 自动转换为 Markdown,支持流程图、甘特图、时序图、任务列表,可导出携带样式的图片、PDF、微信公众号特制的 HTML 等等。
编辑内容只会在本地进行保存,不会上传数据至服务器,支持「所见即所得」、「即时渲染」「分屏预览」三种编辑模式。
详细使用方式请看官网
不要点全屏,页面不随光标进行滚动😅应该也不能直接上传图片
GitHub地址:nicejade/markdown-online-editor: 基于 Vue、Vditor,所构建的在线 Markdown 编辑器 (github.com)
官网:Arya - 在线 Markdown 编辑器 (lovejade.cn)
本人制作的docker镜像:liwangsheng/markdown-online-editor - Docker Image | Docker Hub
预览

部署
使用docker部署😋不想自己构建镜像可跳过下一节
构建镜像
# 下载代码
git clone --depth=1 https://github.com/nicejade/markdown-online-editor.git
# 进入目录
cd markdown-online-editor/
新建Dockerfile文件:
FROM node:16-alpine
WORKDIR /app
COPY . .
RUN yarn && yarn build
FROM busybox:1.35.0-uclibc
WORKDIR /app
COPY --from=0 /app/dist .
CMD ["httpd", "-f", "-p", "80", "-h", "/app"]
# 构建镜像
docker build -t markdown-online-editor .
镜像体积仅3.86MB🥳alpine以后你不要再打电话了,我怕busybox误会😊
运行
一键运行:
docker run -d --name markdown -p 7466:80 liwangsheng/markdown-online-editor
可自行修改容器名、端口、启动策略及镜像。
可以将
yarn build的产物/dist丢到cf pages里,无需服务器;例如:https://markdown-online.pages.dev/
看起来不错,功能挺强大的
刚好在找合适的在线markdown编辑器
@luofeng #0

这个Arya Markdown在线编辑器, 很有趣的Docker项目, 信息可以自己把控
加精+加鸡腿儿
另外, 楼主和各位坛友, Markdown官方教程也提供了一个在线编辑器, 可以比较/试用一下看看
@Kdkdk #4 好东西收藏了
Arya这代码有私货啊,直接部署这套代码,相当于给他的网站做了免费的宣传啊

@lianwang #6 是的,如果介意的话可以用4楼推荐的官方编辑器🥰
@luofeng #7 其实可以自己写一个简单的在线编辑器,用Arya同款的vditor库,用不了几行代码
就比如这个,我刚才尝试着写的:xeditor
@lianwang #8 牛的
我也来补充几个:
腾讯开源的 markdown 编辑器 Github/cherry-markdown
字节跳动开源的 markdown 编辑器 Github/bytemd
某大佬V友做的 markdown 编辑器 Github/milkdown