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

相关推荐
LucianaiB11 小时前
【元宝搜索开发者征文大赛】AI时代,学得慢就不用学?用元宝搜索打造一个教程保质期,确保每一个教程符合你的现状
前端·人工智能·ai编程
excel11 小时前
JavaScript 对象池:减少高频对象创建与 GC 压力
前端
陈随易13 小时前
纯 Go 写的 JS 引擎,跑分超过了 C 语言的 QuickJS
前端·后端·程序员
子兮曰14 小时前
Chrome 权限元素实战:144 与 151 的渐进增强写法
前端·javascript·chrome
IT_陈寒14 小时前
Redis连接池泄漏那次,我差点把生产环境搞崩了
前端·人工智能·后端
强尼银手15 小时前
我花一天做了个格斗游戏原型,判定全对,然后被「美术」劝退了
前端·javascript
石小石Orz15 小时前
AI 正在蚕食我们的编码能力
前端·后端·算法
陈随易15 小时前
专注飞机 FocusFlight,两个人把番茄钟做成了一趟航班
前端·后端·程序员
总要学点什么16 小时前
第98篇:三维特效-材质线效果——给一条线换十种材质,虚线的图案只填了一半
开发语言·前端·javascript·ecmascript·gis·webgl·材质
10share16 小时前
基于大模型的 i18n 方案:把中文原文当 Key,轻松搞定多语言维护
前端·vue.js