「新手挑战赛」Markdown编辑器,支持实时预览、文件管理和多种格式导出。代码已经开源。

https://gitee.com/dxdotc/markdown-editor.git

git clone Markdown Editor: 用Trae solo开发的markdown编辑器。支持导出pdf、doc,和html等

一个功能强大的Markdown编辑器,支持实时预览、文件管理和多种格式导出。
功能特性
:memo: 实时Markdown编辑与预览
:file_folder: 文件树管理(创建、重命名、删除文件和文件夹)
:floppy_disk: 自动保存功能
:counterclockwise_arrows_button: 撤销/重做功能
:page_facing_up: 支持导出为PDF、Word、HTML和MD格式
:artist_palette: 代码语法高亮
:clipboard: 内容导航(目录功能)
:mobile_phone: 响应式布局
:wrench: 字体大小调整
:page_facing_up: 纸张大小设置
技术栈
React 18 + TypeScript
Tailwind CSS
Zustand (状态管理)
React Markdown
html2pdf.js (PDF导出)
File Saver
安装

克隆仓库

git clone

安装依赖

npm install

启动开发服务器

npm run dev

构建生产版本

npm run build
使用说明
创建文件/文件夹:点击顶部菜单的"New"按钮,选择创建文件或文件夹
编辑Markdown:在编辑区输入Markdown内容,右侧会实时显示预览
导出文件:点击"Save As"按钮,选择导出格式
导航:使用左侧文件树导航到不同文件,使用右侧目录导航到内容章节
许可证
本项目采用MIT许可证。详见 LICENSE 文件。
贡献
欢迎贡献代码!请查看贡献指南了解如何参与项目开发。
版权信息
Copyright (c) 2026 Markdown Editor
第三方依赖
详见 NOTICE 文件,列出了所有第三方依赖及其许可证信息。