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

相关推荐
剪刀石头布啊4 小时前
vue-react为何要虚拟dom
前端
剪刀石头布啊4 小时前
ahooks常用的一些库,我们使用一下
前端
剪刀石头布啊4 小时前
从git更新本地提交记录到更新已经推送到远端记录
前端
Flynt6 小时前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel7 小时前
Base62 和 Base64 有什么区别?
前端
风骏时光牛马8 小时前
大模型底层架构与AI源码深度剖析
前端
掘金挖土9 小时前
前端手摸手跑路之 AI 应用开发(九)
前端·后端
中文呀11 小时前
三维 GIS 离线缓存实战:逆向 CesiumOfflineCache,并亲手为它补上"自动更新"能力
前端
前进前进前进12 小时前
TRAE 全链路实战:做了一个警示牌一键生成器:纯 Canvas、单文件、零依赖
前端