暂无菜单项

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

发布于 更新于
243

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

核心特性

🎨 三种编辑模式

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

📝 丰富的内容支持

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

🔧 多媒体与增强功能

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

🛡️ 安全与便捷

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

🚀 协作与上传

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

🌐 多语言与可定制性

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

技术规范

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

官网与资源

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

常见问题(FAQ)

Vditor 支持哪些编辑模式?
Vditor 支持三种编辑模式:所见即所得(WYSIWYG)、即时渲染(IR,类似 Typora)和分屏预览(SV),用户可根据习惯自由切换。
Vditor 支持哪些前端框架?
Vditor 采用 TypeScript 开发,原生支持 JavaScript,同时完美兼容 Vue、React、Angular 等主流前端框架,并提供桌面版本。
Vditor 支持哪些高级功能?
Vditor 支持大纲导航、数学公式、脑图、图表、流程图、甘特图、时序图、五线谱、多媒体嵌入、语音阅读、代码高亮、Graphviz 和 PlantUML 渲染等功能。
Vditor 是否支持多语言和多主题?
是的,Vditor 内置中、英、韩三种语言界面,以及黑白绿三套主题供用户选择。
Vditor 符合哪些技术规范?
Vditor 完全实现 CommonMark 和 GFM(GitHub Flavored Markdown)规范,支持 Markdown 格式化和语法树查看。
Vditor 的所见即所得模式有什么优势?
Vditor 的所见即所得(WYSIWYG)模式提供类似传统富文本编辑器的体验,用户可以直接看到最终的排版效果,无需记忆复杂的 Markdown 语法,适合从传统编辑器迁移的用户。
Vditor 支持自动保存吗?
是的,Vditor 支持自动保存内容,防止因意外情况导致编辑内容丢失,让用户可以安心创作。
Vditor 支持哪些平台?
Vditor 支持主流浏览器,对移动端友好,同时提供桌面版本,可在 Windows、Mac 等平台使用。
0 讨论
热门最新
总结
暂无总结
0 / 600