标签: Markdown 编辑器

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

    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