Vditor - 易于使用的 Markdown 编辑器，支持所见即所得

Vditor 是一款功能强大的浏览器端 Markdown 编辑器，采用 TypeScript 开发，原生支持 JavaScript，同时完美兼容 Vue、React、Angular 等主流前端框架，并提供桌面版本。它融合了三种编辑模式，为用户带来灵活的创作体验。

核心特性

🎨 三种编辑模式

• 所见即所得（WYSIWYG）：富文本编辑方式，所见即所得，无需记忆复杂语法
• 即时渲染（IR）：类似 Typora 的即时渲染体验，边写边看效果
• 分屏预览（SV）：左侧编辑、右侧预览的经典模式，适合传统用户

📝 丰富的内容支持

• 大纲导航，快速定位文档结构
• 数学公式（LaTeX）支持，学术写作必备
• 脑图、图表、流程图、甘特图、时序图
• 五线谱等专业功能
• 多媒体嵌入支持

🔧 多媒体与增强功能

• 语音阅读，辅助内容理解
• 标题锚点，方便文档导航
• 代码高亮及一键复制功能
• Graphviz 和 PlantUML 渲染支持
• 任务列表管理

🛡️ 安全与便捷

• 内置安全过滤机制
• 图片懒加载优化性能
• 多平台预览支持
• 多主题切换（黑白绿三套主题）
• 自动保存内容，防止意外丢失

🚀 协作与上传

• 一键复制到微信公众号/知乎
• 粘贴 HTML 自动转换为 Markdown
• 拖拽、剪切板粘贴上传
• 显示实时上传进度
• 支持 CORS 跨域上传

🌐 多语言与可定制性

• 内置中、英、韩三种语言界面
• 36+ 项工具栏操作自定义
• 支持自定义快捷键、图标、提示等

技术规范

Vditor 完全实现 CommonMark 和 GFM（GitHub Flavored Markdown）规范，支持 Markdown 格式化与语法树查看，提供 10+ 项配置选项。编辑器支持主流浏览器，对移动端友好，兼容性好。

官网与资源

• 官方网站：https://b3log.org/vditor/
• GitHub 仓库：https://github.com/vanessa219/vditor