vditor
11,446
Stars
1,092
Forks
74
Watchers
0
Open Issues
MIT
许可证
TypeScript
语言
2019-11-29
创建时间
2026-11-09
最近更新
项目能做什么
一款浏览器端 Markdown 编辑器，支持所见即所得、类似 Typora 的即时渲染与分屏预览。
来源：AI 基于仓库事实生成
· 内容以仓库实际 README 为准
使用说明 查看原始 README 原仓库文档
中文使用说明暂未生成。下面保留原仓库 README 摘录，命令与配置均以原文为准。
原始 README 摘录（英文原文，节选前 3000 字符）
<p align="center"> <img alt="Vditor" src="https://b3log.org/images/brand/vditor-128.png" /> <br> 易于使用的 Markdown 编辑器，为适配不同的应用场景而生 <br><br> <a title="MIT" target="_blank" href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/license-MIT-orange.svg?style=flat-square"></a> <a title="npm bundle size" target="_blank" href="https://www.npmjs.com/package/vditor"><img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/vditor?style=flat-square&color=blueviolet"></a> <a title="Version" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/v/vditor.svg?style=flat-square"></a><br> <a title="Downloads" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/dt/vditor.svg?style=flat-square&color=97ca00"></a> <a title="jsdelivr" target="_blank" href="https://www.jsdelivr.com/package/npm/vditor"><img src="https://data.jsdelivr.com/v1/package/npm/vditor/badge"/></a> <a title="Hits" target="_blank" href="https://github.com/88250/hits"><img src="https://hits.b3log.org/Vanessa219/vditor.svg"></a> <br><br> <a title="GitHub Watchers" target="_blank" href="https://github.com/Vanessa219/vditor/watchers"><img src="https://img.shields.io/github/watchers/Vanessa219/vditor.svg?label=Watchers&style=social"></a> <a title="GitHub Stars" target="_blank" href="https://github.com/Vanessa219/vditor/stargazers"><img src="https://img.shields.io/github/stars/Vanessa219/vditor.svg?label=Stars&style=social"></a> <a title="GitHub Forks" target="_blank" href="https://github.com/Vanessa219/vditor/network/members"><img src="https://img.shields.io/github/forks/Vanessa219/vditor.svg?label=Forks&style=social"></a> <a title="Author GitHub Followers" target="_blank" href="https://github.com/vanessa219"><img src="https://img.shields.io/github/followers/vanessa219.svg?label=Followers&style=social"></a> </p> <p align="center"> <a href="https://github.com/Vanessa219/vditor/blob/master/README_en_US.md">English</a> | <a href="https://b3log.org/vditor/demo/index.html">Demo</a> </p> <p align="center"> 🔥 欢迎观摩我们的另一个开源项目 <a href="https://github.com/siyuan-note/siyuan">思源笔记</a> <p> ## 💡 简介 [Vditor](https://b3log.org/vditor) 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript 以及 Vue、React、Angular 和 Svelte 等框架。 欢迎到 [Vditor 官方讨论区](https://ld246.com/tag/vditor)了解更多。同时也欢迎关注 B3log 开源社区微信公众号 `B3log开源`：  ## 🗺️ 背景 随着 Markdown 排版方式的普及，越来越多的应用开始集成 Markdown 编辑器。目前主流可集成的 Markdown 编辑器现状如下： * 有的仅支持分屏预览，即编辑区和预览区分离 * 有的同时支持所见即所得和分屏预览，但所见即所得模式下不能完整支持 Markdown 语法排版 * 几乎没有类似 Typora 的即时渲染 而这三点恰好对应了三种应用场景： * 分屏预览：适配传统的 Markdown 使用场景，适合大屏下编辑排版 * 所见即所得：对不熟悉 Markdown 的用户友好，熟悉 Markdown 的用户也可以无缝使用 * 即时渲染：理论上这是最为优雅的 Markdown 编辑方式，让熟悉 Markdown 的用户能够更专注于内容创作 所以，一个能够**适配应用场景**的 Markdown 编辑器至关重要，它需要考虑到： * 传统 Markdown 用户的使用场景，提供分屏预览 * 富文本编辑用户的使用场景，提供所见即所得 * 高阶 Markdown 用户的使用场景，提供即时阅读完整原文
商业机会分析 AI 生成
自媒体多平台内容排版与分发 SaaS
| 产品构想 | 基于 Vditor 现有的公众号/知乎复制特性和丰富的图表公式渲染能力，封装出开箱即用的 Web 端排版编辑器，支持多渠道图床转存、自定义多套公众号 CSS 主题、一键发布至多平台。 |
| 核心功能 | 深度定制排版模板、外链图片全自动转存与压缩、多账号/多平台一键发布、草稿多端云同步。 |
| 目标用户 | 微信公众号运营者、知乎创作者、技术自媒体人。 |
| 难度/周期 | 简单 · 1-2 个月 · 成本：轻量应用服务器 + 对象存储/CDN（约每月 50-200 元） |
| 收费模式 | 免费版限制字数与模板数量；高级排版模板、多平台一键分发及云同步采用按月/年订阅制。 |
| 竞争风险 | 各平台（如微信、知乎）排版与发布 API/防爬机制频繁调整；市面上有成熟排版工具（推测竞争激烈）。 |
| 依据 | 已验证事实（README 中已实现“复制到微信公众号/知乎功能”与多套主题） |
Vditor Pro：企业级商业扩展包与协同 SDK
| 产品构想 | 针对企业知识库与内部协作系统，为 Vditor 提供闭源/商业授权的高级插件套件，补齐协同编辑、AI 写作助手与深度权限控制模块。 |
| 核心功能 | 基于 Yjs 的实时多光标协同编辑模块、LLM 智能重写与格式化插件、自定义权限与审计日志适配器。 |
| 目标用户 | 自建内网协同办公系统、知识库、客户支持平台的中大型企业开发团队。 |
| 难度/周期 | 中等 · 2-3 个月 · 成本：开发机器与协同测试节点（约每月 100-300 元） |
| 收费模式 | 售卖商业扩展授权（按域名/应用单次买断或年付授权）、提供企业优先技术支持与定制集成服务。 |
| 竞争风险 | 开源版本 MIT 协议完全免费且功能已极为丰富，可能导致企业客户购买付费扩展意愿不足（推测）。 |
| 依据 | 已验证事实（项目基于 MIT 开源，纯前端无原生协同与 AI 功能） |
嵌入式轻量文档中心与发布服务（Docs as a Service）
| 产品构想 | 利用 Vditor 的即时渲染和全套语法扩展，打造开箱即用的轻量级技术文档与帮助中心发布平台，提供所见即所得编辑并直接静态化发布。 |
| 核心功能 | Vditor 在线全功能编辑、目录树与大纲拖拽管理、一键生成带 SEO 优化的轻量静态站点、自定义域名与 HTTPS。 |
| 目标用户 | 独立开发者、小型 SaaS 团队、开源项目作者。 |
| 难度/周期 | 中等 · 2-4 个月 · 成本：云服务器 + Serverless 静态托管网络（约每月 100-500 元） |
| 收费模式 | 按自定义域名数、托管站点数及团队席位收取 SaaS 订阅费用。 |
| 竞争风险 | 面临 GitBook、Docusaurus 等成熟开源或商业文档工具的替代竞争（推测）。 |
| 依据 | AI推测 |
AI 基于仓库公开数据分析生成，含推测成分，不构成收益承诺。
报告会保存到 个人中心
竞品与相似项目 GitHub Search 真实检索
| 项目 | 中文简介 | Stars | 语言 |
|---|---|---|---|
| jgm/pandoc | 中文介绍暂未生成 Universal markup converter |
46,913 | Haskell |
| markedjs/marked | 中文介绍暂未生成 A markdown parser and compiler. Built for speed. |
37,303 | TypeScript |
| markdown-it/markdown-it | 中文介绍暂未生成 Markdown parser, done right. 100% CommonMark support, extens |
22,039 | TypeScript |
| nhn/tui.editor | 中文介绍暂未生成 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Exten |
17,984 | TypeScript |
| remarkjs/react-markdown | 中文介绍暂未生成 Markdown component for React |
15,935 | JavaScript |
| pandao/editor.md | 中文介绍暂未生成 The open source embeddable online markdown editor (component |
14,311 | JavaScript |
以上为通过 GitHub 官方 Search API 检索的相似项目，功能差异与优劣势需进一步人工确认，配置 AI 后可生成对比分析。
项目优势与风险
| 技术成熟度 | 创建于 2019-11-29，近 30 天仍在推送，发布过 77 个 Release |
| 社区活跃 | Star 11,446 / Fork 1,092 / Issue 0（数据支持，可自行核实） |
| 许可证 | MIT |
| 主要风险 | 上游项目方向可能变化；同赛道竞争者较多（见竞品表）；热度与需求不完全等价 |
安装与使用
快速开始（以仓库 README 为准）
git clone https://github.com/Vanessa219/vditor.git cd vditor # 请阅读仓库 README 获取确切安装步骤（依赖、配置、启动命令）
术语说明：Docker＝应用容器（把程序和依赖打包运行）；API Key＝调用外部服务的密钥；Git Clone＝把仓库代码下载到本地。常见错误：API Key 未配置 / 端口占用 / 数据库连接失败，多数项目在 README 的 Troubleshooting 章节有说明。