开发了一个所见所得的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截图

相关推荐
kyriewen1 小时前
TypeScript 高级类型:我用 infer 写了一个类型安全的 EventBus,终于搞懂了泛型约束
前端·javascript·typescript
UXbot2 小时前
原型设计工具如何帮助新人快速进入产品行业?
前端·低代码·ui·交互·团队开发·原型模式·web app
黄敬峰2 小时前
从 DFS 遍历到抖音推荐算法:前端工程师的硬核复习笔记
前端
zach2 小时前
网页中的虚拟滚动技术是不是源自IOS中的tableview的机制
前端
林希_Rachel_傻希希2 小时前
1小时速通React之Hooks
前端·javascript·面试
柯克七七3 小时前
公司前端项目打包体积从 2MB 降到 400KB,我改了这四个配置
前端
英勇无比的消炎药3 小时前
我才发现这些架构的“拆”与“合”哲学
前端
shen_3 小时前
AI Coding:前端UI规范笔记
前端