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