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

相关推荐
_codemonster20 分钟前
npm run dev 是在开发模式运行,怎么在生产环境运行
前端·npm·node.js
kyriewen1 小时前
我受够了复制报错去问 AI,花一下午给控制台做了个调试助手
前端·javascript·ai编程
IT_陈寒2 小时前
Redis的DEL命令竟然没删掉数据?我踩的这个坑你得知道
前端·人工智能·后端
anOnion2 小时前
构建无障碍组件之Menu and Menubar Pattern
前端·html·交互设计
JavaGuide2 小时前
我用 Claude Code/ZCode+GLM-5.3 从零做了一款 Agent 游戏!
前端·后端
Eason_Lou2 小时前
vue flow使用注意事项
前端·vue.js
小赵同学WoW3 小时前
1-2 TypeScript 中的 `any` 与 `unknown`
前端
six_3 小时前
C# 上位机(持续更新中)
前端·面试·c#
风雨_3 小时前
Git Worktree sourcetree完整使用指南
前端
半个落月3 小时前
React 组件通信进阶:useContext 与自定义 Hook 实战详解
前端·react.js