开发了一个所见所得的md编辑器,致敬Typora大佬

MD Editor

一款类 Typora 的「所见即所得」跨平台 Markdown 桌面编辑器。

✨ 功能特性

  • 双视图编辑:WYSIWYG 所见即所得 + 源码模式,一键切换
  • 实时预览:基于 Milkdown 的富文本编辑体验
  • 图片支持:粘贴/拖拽图片自动保存到本地,支持自定义保存路径
  • 文件管理:支持打开文件/文件夹,侧边栏文件树
  • 大纲导航:自动提取标题结构,点击快速跳转
  • 代码高亮:支持多种编程语言语法高亮
  • 数学公式:支持 KaTeX 数学公式渲染
  • Mermaid 图表:支持流程图、时序图、甘特图等
  • 表格编辑:可视化表格编辑工具栏
  • 主题切换:浅色/深色/跟随系统
  • 快捷键自定义:支持自定义编辑器快捷键
  • 自动保存:可配置的自动保存功能
  • 查找替换:支持正则表达式

🛠️ 技术栈

分类 技术
框架 Electron 39 + Vue 3.5 + TypeScript
构建 electron-vite 5 + Vite 7
编辑器 Milkdown 7(WYSIWYG)+ CodeMirror 6(源码)
样式 Tailwind CSS 4 + @tailwindcss/typography
UI 组件 reka-ui + Lucide Icons
状态管理 Pinia

App截图

相关推荐
FungLeo20 分钟前
成为全栈·React 管理后台篇·总复盘:从“接口能调通”到“后台值得使用”
前端·react.js·前端框架·项目复盘·成为全栈
Csvn2 小时前
并发模式:让渲染学会排队、插队和让路
前端
可乐鸡翅yeah_2 小时前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt2 小时前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
JavaGuide3 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端
excel3 小时前
prisma 如何处理数据库竞态
前端·数据库·后端
莪_幻尘4 小时前
Skill 体检:30 个 Skill 全凭感觉?体检器先自曝了 8 个“假 0 分
前端·人工智能·llm
风骏时光牛马4 小时前
AI模型综合能力评测:性能、指令遵循与多场景实测对比
前端
Frag0ut5 小时前
Chrome与Chromium内核浏览器在Windows 11上的新特性全景解析
前端·chrome·windows·web安全·chromium·gemini ai·playready drm
hiahiahia1235 小时前
实现完整 Tool Dispatcher
开发语言·前端