md-editor icon indicating copy to clipboard operation
md-editor copied to clipboard

md-editor is a markdown-it based markdown editor, including sync scrolling, multi file record,upload and download, generate toc, menu edit btn, code block theme switch, content state local cache...

md-editor

md-editor is a markdown-it based markdown editor

Preview

Link: https://songlh.top/md-editor/

Document

基于markdown-it打造的markdown编辑器

Features

  • [x] Menu Edit Button
  • [x] Code Block Theme Switch
  • [x] Sync scrolling
  • [x] Generate toc list
  • [x] Content state local cache
  • [x] Multi file tree records
  • [x] Download and upload file
  • [x] Support UML and Katex syntax

Getting Started

git clone https://github.com/LHRUN/md-editor.git
pnpm install
pnpm dev

File List

├─components        
│  ├─icons
│  ├─multiFile // Multi file drawer
│  └─toolbar // Top Menu
│
├─context        
│  ├─file // multi file provider
│  └─index // app provider
│
├─hooks
│  └─event.ts // event hook
│
├─views
│  └─editor // editor page
│
└─utils
   ├─constants
   ├─common
   ├─editor // editor utils
   ├─md // markdown-it instance
   ├─scroll // sync scroll
   ├─storage // local cache
   ├─multiFile
   └─toc